
<!DOCTYPE HTML>
<html lang="zh-hans" >
    <head>
        <meta charset="UTF-8">
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <title>web部分 · Aivin开发笔记</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="description" content="">
        <meta name="generator" content="GitBook 3.2.3">
        <meta name="author" content="Aivin">
        
        
    
    <link rel="stylesheet" href="../../gitbook/style.css">

    
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-search-plus/search.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-anchor-navigation-ex/style/plugin.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-fontsettings/website.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-tbfed-pagefooter/footer.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-local-video/video-js.min.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-splitter/splitter.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-expandable-chapters/expandable-chapters.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-highlight/website.css">
                
            
                
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-theme-comscore/test.css">
                
            
        

    

    
        
        <link rel="stylesheet" href="../../styles/website.css">
        
    

        
    
    
    
    <meta name="HandheldFriendly" content="true"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../gitbook/images/apple-touch-icon-precomposed-152.png">
    <link rel="shortcut icon" href="../../gitbook/images/favicon.ico" type="image/x-icon">

    
    <link rel="next" href="../人工智能/人工智能相关概念.html" />
    
    
    <link rel="prev" href="../server/服务器部分.html" />
    

    
        <link rel="shortcut icon" href='../../assets/images/favicon.ico' type="image/x-icon">
    
    
        <link rel="bookmark" href='../../assets/images/favicon.ico' type="image/x-icon">
    
    
    

    </head>
    <body>
        
<div class="book">
    <div class="book-summary">
        
            
<div id="book-search-input" role="search">
    <input type="text" placeholder="输入并搜索" />
</div>

            
                <nav role="navigation">
                


<ul class="summary">
    
    

    

    
        
        
    
        <li class="chapter " data-level="1.1" data-path="../../">
            
                <a href="../../">
            
                    
                    首页
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.2" data-path="../doc/常用网站.html">
            
                <a href="../doc/常用网站.html">
            
                    
                    常用网站
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.3" data-path="../常用软件/常用软件和框架.html">
            
                <a href="../常用软件/常用软件和框架.html">
            
                    
                    常用软件和框架
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4" data-path="../doc/开发规范.html">
            
                <a href="../doc/开发规范.html">
            
                    
                    开发规范
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5" data-path="../doc/开源软件.html">
            
                <a href="../doc/开源软件.html">
            
                    
                    开源软件和框架
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.6" data-path="../doc/Android常用代码.html">
            
                <a href="../doc/Android常用代码.html">
            
                    
                    Android常用代码
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.7" data-path="../源码阅读/源码阅读配置.html">
            
                <a href="../源码阅读/源码阅读配置.html">
            
                    
                    源码阅读
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.7.1" data-path="../源码阅读/其他框架源码.html">
            
                <a href="../源码阅读/其他框架源码.html">
            
                    
                    其他框架源码
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.8" data-path="../产品经理/产品经理.html">
            
                <a href="../产品经理/产品经理.html">
            
                    
                    产品经理
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.9" data-path="../设计模式/设计模式.html">
            
                <a href="../设计模式/设计模式.html">
            
                    
                    设计模式
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.9.1" data-path="../设计模式/设计模式.html">
            
                <a href="../设计模式/设计模式.html">
            
                    
                    设计模式
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.9.2" data-path="../设计模式/模式详解.html">
            
                <a href="../设计模式/模式详解.html">
            
                    
                    模式详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.9.3" data-path="../设计模式/mvc等.html">
            
                <a href="../设计模式/mvc等.html">
            
                    
                    mvc等
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.10" data-path="../数据结构/常用数据结构.html">
            
                <a href="../数据结构/常用数据结构.html">
            
                    
                    基本算法
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.10.1" data-path="../数据结构/常用数据结构.html">
            
                <a href="../数据结构/常用数据结构.html">
            
                    
                    常用数据结构
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.10.2" data-path="../常用算法/算法术语.html">
            
                <a href="../常用算法/算法术语.html">
            
                    
                    算法术语
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.10.3" data-path="../常用算法/排序算法.html">
            
                <a href="../常用算法/排序算法.html">
            
                    
                    排序算法
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.10.4" data-path="../常用算法/查找算法.html">
            
                <a href="../常用算法/查找算法.html">
            
                    
                    查找算法
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.10.5" data-path="../常用算法/大数相加.html">
            
                <a href="../常用算法/大数相加.html">
            
                    
                    大数相加
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.10.6" data-path="../常用算法/集合的所有子集.html">
            
                <a href="../常用算法/集合的所有子集.html">
            
                    
                    获得集合的所有子集
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.10.7" data-path="../常用算法/扫描线种子填充算法.html">
            
                <a href="../常用算法/扫描线种子填充算法.html">
            
                    
                    扫描线种子填充算法
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.10.8" data-path="../常用算法/其他算法.html">
            
                <a href="../常用算法/其他算法.html">
            
                    
                    其他算法
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.11" data-path="../java基础/原码补码反码.html">
            
                <a href="../java基础/原码补码反码.html">
            
                    
                    Java部分
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.11.1" data-path="../java基础/原码补码反码.html">
            
                <a href="../java基础/原码补码反码.html">
            
                    
                    原码补码反码
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.2" data-path="../java基础/java常用代码.html">
            
                <a href="../java基础/java常用代码.html">
            
                    
                    java常用代码
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.3" data-path="../java基础/JVM详解.html">
            
                <a href="../java基础/JVM详解.html">
            
                    
                    JVM详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.4" data-path="../java基础/类加载机制.html">
            
                <a href="../java基础/类加载机制.html">
            
                    
                    类加载机制
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.5" data-path="../java基础/内存模型.html">
            
                <a href="../java基础/内存模型.html">
            
                    
                    内存模型
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.6" data-path="../java基础/GC机制.html">
            
                <a href="../java基础/GC机制.html">
            
                    
                    GC机制
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.7" data-path="../java基础/对象内存布局.html">
            
                <a href="../java基础/对象内存布局.html">
            
                    
                    对象内存布局
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.8" data-path="../java基础/继承多态.html">
            
                <a href="../java基础/继承多态.html">
            
                    
                    继承和多态
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.9" data-path="../java基础/相等判断.html">
            
                <a href="../java基础/相等判断.html">
            
                    
                    相等判断
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.10" data-path="../java基础/Java容器类.html">
            
                <a href="../java基础/Java容器类.html">
            
                    
                    Java容器类
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.11" data-path="../java基础/Java枚举.html">
            
                <a href="../java基础/Java枚举.html">
            
                    
                    Java枚举
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.12" data-path="../java基础/自定义异常.html">
            
                <a href="../java基础/自定义异常.html">
            
                    
                    自定义异常
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.13" data-path="../java基础/深度拷贝.html">
            
                <a href="../java基础/深度拷贝.html">
            
                    
                    深度拷贝
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.14" data-path="../java基础/泛型详解.html">
            
                <a href="../java基础/泛型详解.html">
            
                    
                    泛型详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.15" data-path="../java基础/线程详解.html">
            
                <a href="../java基础/线程详解.html">
            
                    
                    线程详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.16" data-path="../java基础/java注解.html">
            
                <a href="../java基础/java注解.html">
            
                    
                    注解详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.17" data-path="../java基础/数据解析.html">
            
                <a href="../java基础/数据解析.html">
            
                    
                    数据解析
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.18" data-path="../java基础/java8新特性.html">
            
                <a href="../java基础/java8新特性.html">
            
                    
                    Java8新特性
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.12" data-path="../android基础/android零散知识.html">
            
                <a href="../android基础/android零散知识.html">
            
                    
                    Android部分
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.12.1" data-path="../android基础/基础控件使用.html">
            
                <a href="../android基础/基础控件使用.html">
            
                    
                    基础控件使用
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.2" data-path="../android基础/android零散知识.html">
            
                <a href="../android基础/android零散知识.html">
            
                    
                    Android零散知识
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.3" data-path="../android基础/android坐标体系.html">
            
                <a href="../android基础/android坐标体系.html">
            
                    
                    Android坐标体系
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.4" data-path="../android基础/APP的启动流程.html">
            
                <a href="../android基础/APP的启动流程.html">
            
                    
                    APP启动流程
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.5" data-path="../android基础/View加载流程.html">
            
                <a href="../android基础/View加载流程.html">
            
                    
                    View加载流程
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.6" data-path="../android基础/事件分发机制.html">
            
                <a href="../android基础/事件分发机制.html">
            
                    
                    事件分发机制
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.7" data-path="../android基础/控件绘制流程.html">
            
                <a href="../android基础/控件绘制流程.html">
            
                    
                    控件绘制流程
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.8" data-path="../android基础/常用shape.html">
            
                <a href="../android基础/常用shape.html">
            
                    
                    常用shape
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.9" data-path="../android基础/进程通信.html">
            
                <a href="../android基础/进程通信.html">
            
                    
                    进程通信
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.10" data-path="../通信方式/通信方式详解.html">
            
                <a href="../通信方式/通信方式详解.html">
            
                    
                    通信方式详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.11" data-path="../android基础/Binder详解.html">
            
                <a href="../android基础/Binder详解.html">
            
                    
                    Binder详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.12" data-path="../android基础/Handler详解.html">
            
                <a href="../android基础/Handler详解.html">
            
                    
                    Handle详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.13" data-path="../android基础/Fragment详解.html">
            
                <a href="../android基础/Fragment详解.html">
            
                    
                    Fragment详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.14" data-path="../android基础/Activity详解.html">
            
                <a href="../android基础/Activity详解.html">
            
                    
                    Activity详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.15" data-path="../android基础/BroadcastReceiver.html">
            
                <a href="../android基础/BroadcastReceiver.html">
            
                    
                    BroadcastReceiver详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.16" data-path="../android基础/Service服务.html">
            
                <a href="../android基础/Service服务.html">
            
                    
                    Service详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.17" data-path="../android基础/动画详解.html">
            
                <a href="../android基础/动画详解.html">
            
                    
                    动画详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.18" data-path="../android基础/屏幕刷新机制.html">
            
                <a href="../android基础/屏幕刷新机制.html">
            
                    
                    屏幕刷新机制
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.19" data-path="../android基础/屏幕适配.html">
            
                <a href="../android基础/屏幕适配.html">
            
                    
                    屏幕适配
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.20" data-path="../android基础/图片加载详解.html">
            
                <a href="../android基础/图片加载详解.html">
            
                    
                    图片加载详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.21" data-path="../android基础/WebView详解.html">
            
                <a href="../android基础/WebView详解.html">
            
                    
                    WebView详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.22" data-path="../android基础/沉浸式.html">
            
                <a href="../android基础/沉浸式.html">
            
                    
                    沉浸式
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.23" data-path="../android基础/相机模块.html">
            
                <a href="../android基础/相机模块.html">
            
                    
                    相机模块
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.24" data-path="../android基础/地图模块.html">
            
                <a href="../android基础/地图模块.html">
            
                    
                    地图模块
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.25" data-path="../android基础/Androidstudio插件开发.html">
            
                <a href="../android基础/Androidstudio插件开发.html">
            
                    
                    Androidstudio插件开发
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.26" data-path="../android基础/Apk插件化开发.html">
            
                <a href="../android基础/Apk插件化开发.html">
            
                    
                    Apk插件化开发
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.27" data-path="../android基础/App组件化开发.html">
            
                <a href="../android基础/App组件化开发.html">
            
                    
                    App组件化开发
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.28" data-path="../android基础/sdk开发.html">
            
                <a href="../android基础/sdk开发.html">
            
                    
                    sdk开发
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.29" data-path="../android基础/APP优化.html">
            
                <a href="../android基础/APP优化.html">
            
                    
                    APP优化
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.30" data-path="../android基础/项目参数配置.html">
            
                <a href="../android基础/项目参数配置.html">
            
                    
                    项目参数配置
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.31" data-path="../android基础/App发布.html">
            
                <a href="../android基础/App发布.html">
            
                    
                    App发布
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.32" data-path="../android基础/Android外挂.html">
            
                <a href="../android基础/Android外挂.html">
            
                    
                    Android外挂
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.33" data-path="../android基础/Android字节码插桩.html">
            
                <a href="../android基础/Android字节码插桩.html">
            
                    
                    Android字节码插桩
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.34" data-path="../android基础/智能家居.html">
            
                <a href="../android基础/智能家居.html">
            
                    
                    智能家居
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.13" data-path="../python/python基础.html">
            
                <a href="../python/python基础.html">
            
                    
                    python部分
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.13.1" data-path="../python/python基础.html">
            
                <a href="../python/python基础.html">
            
                    
                    python基础
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.13.2" data-path="../python/python爬虫.html">
            
                <a href="../python/python爬虫.html">
            
                    
                    python爬虫
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.14" data-path="../gradle/Groovy.html">
            
                <a href="../gradle/Groovy.html">
            
                    
                    Groovy
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.15" data-path="../kotlin/kotlin部分.html">
            
                <a href="../kotlin/kotlin部分.html">
            
                    
                    kotlin部分
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.16" data-path="../flutter/flutter部分.html">
            
                <a href="../flutter/flutter部分.html">
            
                    
                    flutter部分
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.17" data-path="../native/ccpp.html">
            
                <a href="../native/ccpp.html">
            
                    
                    native部分
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.17.1" data-path="../native/Linux.html">
            
                <a href="../native/Linux.html">
            
                    
                    Linux
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.17.2" data-path="../native/ccpp.html">
            
                <a href="../native/ccpp.html">
            
                    
                    cCpp
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.17.3" data-path="../native/NDK.html">
            
                <a href="../native/NDK.html">
            
                    
                    NDK
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.17.4" data-path="../native/系统编译剪裁.html">
            
                <a href="../native/系统编译剪裁.html">
            
                    
                    系统编译剪裁
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.17.5" data-path="../native/音视频.html">
            
                <a href="../native/音视频.html">
            
                    
                    音视频
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.17.6" data-path="../native/音视频第三方库.html">
            
                <a href="../native/音视频第三方库.html">
            
                    
                    音视频第三方库
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.17.7" data-path="../native/相关代码.html">
            
                <a href="../native/相关代码.html">
            
                    
                    相关代码
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.18" data-path="../server/服务器部分.html">
            
                <a href="../server/服务器部分.html">
            
                    
                    服务器部分
            
                </a>
            

            
        </li>
    
        <li class="chapter active" data-level="1.19" data-path="web部分.html">
            
                <a href="web部分.html">
            
                    
                    web部分
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.20" data-path="../人工智能/人工智能相关概念.html">
            
                <a href="../人工智能/人工智能相关概念.html">
            
                    
                    人工智能
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.21" data-path="../面试真题/极飞.html">
            
                <a href="../面试真题/极飞.html">
            
                    
                    面试真题
            
                </a>
            

            
        </li>
    

    

    <li class="divider"></li>

    <li>
        <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
            本书使用 GitBook 发布
        </a>
    </li>
</ul>


                </nav>
            
        
    </div>

    <div class="book-body">
        
            <div class="body-inner">
                
                    

<div class="book-header" role="navigation">
    

    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href="../.." >web部分</a>
    </h1>
</div>




                    <div class="page-wrapper" tabindex="-1" role="main">
                        <div class="page-inner">
                            
<div class="search-plus" id="book-search-results">
    <div class="search-noresults">
    
                                <section class="normal markdown-section">
                                
                                <div id="anchor-navigation-ex-navbar"><i class="fa fa-navicon"></i><ul><li><span class="title-icon "></span><a href="#html5"><b>1. </b>html5</a></li><ul><li><span class="title-icon "></span><a href="#&#x6807;&#x7B7E;&#x5143;&#x7D20;"><b>1.1. </b>&#x6807;&#x7B7E;&#x5143;&#x7D20;</a></li><li><span class="title-icon "></span><a href="#html-&#x5168;&#x5C40;&#x5C5E;&#x6027;"><b>1.2. </b>HTML &#x5168;&#x5C40;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#html-&#x4E8B;&#x4EF6;&#x5C5E;&#x6027;"><b>1.3. </b>HTML &#x4E8B;&#x4EF6;&#x5C5E;&#x6027;</a></li><ul><li><span class="title-icon "></span><a href="#window-&#x4E8B;&#x4EF6;&#x5C5E;&#x6027;"><b>1.3.1. </b>Window &#x4E8B;&#x4EF6;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#form-&#x4E8B;&#x4EF6;"><b>1.3.2. </b>Form &#x4E8B;&#x4EF6;</a></li><li><span class="title-icon "></span><a href="#keyboard-&#x4E8B;&#x4EF6;"><b>1.3.3. </b>Keyboard &#x4E8B;&#x4EF6;</a></li><li><span class="title-icon "></span><a href="#mouse--&#x4E8B;&#x4EF6;"><b>1.3.4. </b>Mouse  &#x4E8B;&#x4EF6;</a></li><li><span class="title-icon "></span><a href="#media--&#x4E8B;&#x4EF6;"><b>1.3.5. </b>Media  &#x4E8B;&#x4EF6;</a></li></ul><li><span class="title-icon "></span><a href="#html-5-&#x89C6;&#x9891;&#x97F3;&#x9891;-api"><b>1.4. </b>HTML 5 &#x89C6;&#x9891;/&#x97F3;&#x9891; API</a></li><ul><li><span class="title-icon "></span><a href="#html5-audiovideo-&#x5C5E;&#x6027;"><b>1.4.1. </b>HTML5 Audio/Video &#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#html5-audiovideo-&#x65B9;&#x6CD5;"><b>1.4.2. </b>HTML5 Audio/Video &#x65B9;&#x6CD5;</a></li></ul><li><span class="title-icon "></span><a href="#html-5-canvas-api"><b>1.5. </b>HTML 5 Canvas API</a></li><ul><li><span class="title-icon "></span><a href="#&#x989C;&#x8272;&#x3001;&#x6837;&#x5F0F;&#x548C;&#x9634;&#x5F71;"><b>1.5.1. </b>&#x989C;&#x8272;&#x3001;&#x6837;&#x5F0F;&#x548C;&#x9634;&#x5F71;</a></li><li><span class="title-icon "></span><a href="#&#x7EBF;&#x6761;&#x6837;&#x5F0F;"><b>1.5.2. </b>&#x7EBF;&#x6761;&#x6837;&#x5F0F;</a></li><li><span class="title-icon "></span><a href="#&#x77E9;&#x5F62;"><b>1.5.3. </b>&#x77E9;&#x5F62;</a></li><li><span class="title-icon "></span><a href="#&#x8DEF;&#x5F84;"><b>1.5.4. </b>&#x8DEF;&#x5F84;</a></li><li><span class="title-icon "></span><a href="#&#x8F6C;&#x6362;"><b>1.5.5. </b>&#x8F6C;&#x6362;</a></li><li><span class="title-icon "></span><a href="#&#x6587;&#x672C;"><b>1.5.6. </b>&#x6587;&#x672C;</a></li><li><span class="title-icon "></span><a href="#&#x56FE;&#x50CF;&#x7ED8;&#x5236;"><b>1.5.7. </b>&#x56FE;&#x50CF;&#x7ED8;&#x5236;</a></li><li><span class="title-icon "></span><a href="#&#x50CF;&#x7D20;&#x64CD;&#x4F5C;"><b>1.5.8. </b>&#x50CF;&#x7D20;&#x64CD;&#x4F5C;</a></li><li><span class="title-icon "></span><a href="#&#x5408;&#x6210;"><b>1.5.9. </b>&#x5408;&#x6210;</a></li><li><span class="title-icon "></span><a href="#&#x5176;&#x4ED6;"><b>1.5.10. </b>&#x5176;&#x4ED6;</a></li></ul></ul><li><span class="title-icon "></span><a href="#js"><b>2. </b>js</a></li><ul><li><span class="title-icon "></span><a href="#js&#x4E25;&#x683C;&#x6A21;&#x5F0F;"><b>2.1. </b>js&#x4E25;&#x683C;&#x6A21;&#x5F0F;</a></li><li><span class="title-icon "></span><a href="#&#x6570;&#x636E;&#x7C7B;&#x578B;"><b>2.2. </b>&#x6570;&#x636E;&#x7C7B;&#x578B;</a></li><li><span class="title-icon "></span><a href="#&#x7C7B;&#x578B;&#x8F6C;&#x6362;"><b>2.3. </b>&#x7C7B;&#x578B;&#x8F6C;&#x6362;</a></li><li><span class="title-icon "></span><a href="#&#x53D8;&#x91CF;&#x63D0;&#x5347;"><b>2.4. </b>&#x53D8;&#x91CF;&#x63D0;&#x5347;</a></li><li><span class="title-icon "></span><a href="#&#x533A;&#x5757;"><b>2.5. </b>&#x533A;&#x5757;</a></li><li><span class="title-icon "></span><a href="#&#x8868;&#x8FBE;&#x5F0F;&#x3001;&#x8BED;&#x53E5;"><b>2.6. </b>&#x8868;&#x8FBE;&#x5F0F;&#x3001;&#x8BED;&#x53E5;</a></li><li><span class="title-icon "></span><a href="#&#x8FD0;&#x7B97;&#x7B26;"><b>2.7. </b>&#x8FD0;&#x7B97;&#x7B26;</a></li><li><span class="title-icon "></span><a href="#&#x6BD4;&#x8F83;"><b>2.8. </b>&#x6BD4;&#x8F83;</a></li><li><span class="title-icon "></span><a href="#if-else-&#x6761;&#x4EF6;&#x8BED;&#x53E5;"><b>2.9. </b>if else &#x6761;&#x4EF6;&#x8BED;&#x53E5;</a></li><li><span class="title-icon "></span><a href="#switch-&#x8BED;&#x53E5;"><b>2.10. </b>switch &#x8BED;&#x53E5;</a></li><li><span class="title-icon "></span><a href="#for-&#x5FAA;&#x73AF;"><b>2.11. </b>for &#x5FAA;&#x73AF;</a></li><li><span class="title-icon "></span><a href="#while-&#x5FAA;&#x73AF;"><b>2.12. </b>while &#x5FAA;&#x73AF;</a></li><li><span class="title-icon "></span><a href="#do--while-&#x5FAA;&#x73AF;"><b>2.13. </b>do ... while &#x5FAA;&#x73AF;</a></li><li><span class="title-icon "></span><a href="#break-&#x3001;continue"><b>2.14. </b>break &#x3001;continue</a></li><li><span class="title-icon "></span><a href="#&#x4E09;&#x5143;&#x8FD0;&#x7B97;&#x7B26;"><b>2.15. </b>&#x4E09;&#x5143;&#x8FD0;&#x7B97;&#x7B26;</a></li><li><span class="title-icon "></span><a href="#label&#x6807;&#x7B7E;"><b>2.16. </b>label&#x6807;&#x7B7E;</a></li><li><span class="title-icon "></span><a href="#&#x5F02;&#x5E38;&#x6355;&#x6349;"><b>2.17. </b>&#x5F02;&#x5E38;&#x6355;&#x6349;</a></li><li><span class="title-icon "></span><a href="#&#x8868;&#x5355;&#x9A8C;&#x8BC1;"><b>2.18. </b>&#x8868;&#x5355;&#x9A8C;&#x8BC1;</a></li><li><span class="title-icon "></span><a href="#typeof"><b>2.19. </b>typeof</a></li><li><span class="title-icon "></span><a href="#&#x5BF9;&#x8C61;"><b>2.20. </b>&#x5BF9;&#x8C61;</a></li><li><span class="title-icon "></span><a href="#&#x51FD;&#x6570;"><b>2.21. </b>&#x51FD;&#x6570;</a></li><li><span class="title-icon "></span><a href="#iife-&#x7ACB;&#x5373;&#x6267;&#x884C;&#x51FD;&#x6570;"><b>2.22. </b>IIFE &#x7ACB;&#x5373;&#x6267;&#x884C;&#x51FD;&#x6570;</a></li><li><span class="title-icon "></span><a href="#&#x51FD;&#x6570;&#x95ED;&#x5305;"><b>2.23. </b>&#x51FD;&#x6570;&#x95ED;&#x5305;</a></li><li><span class="title-icon "></span><a href="#eval-&#x547D;&#x4EE4;"><b>2.24. </b>eval &#x547D;&#x4EE4;</a></li><li><span class="title-icon "></span><a href="#object-&#x5BF9;&#x8C61;"><b>2.25. </b>Object &#x5BF9;&#x8C61;</a></li><ul><li><span class="title-icon "></span><a href="#array-&#x6570;&#x7EC4;"><b>2.25.1. </b>Array &#x6570;&#x7EC4;</a></li></ul><li><span class="title-icon "></span><a href="#&#x5B57;&#x7B26;&#x4E32;-string"><b>2.26. </b>&#x5B57;&#x7B26;&#x4E32; String</a></li><li><span class="title-icon "></span><a href="#json-&#x8F6C;&#x6362;"><b>2.27. </b>JSON &#x8F6C;&#x6362;</a></li><li><span class="title-icon "></span><a href="#&#x5176;&#x4ED6;_1"><b>2.28. </b>&#x5176;&#x4ED6;</a></li><li><span class="title-icon "></span><a href="#&#x4E8B;&#x4EF6;&#x76D1;&#x542C;"><b>2.29. </b>&#x4E8B;&#x4EF6;&#x76D1;&#x542C;</a></li><ul><li><span class="title-icon "></span><a href="#&#x9F20;&#x6807;&#x4E8B;&#x4EF6;"><b>2.29.1. </b>&#x9F20;&#x6807;&#x4E8B;&#x4EF6;</a></li><li><span class="title-icon "></span><a href="#&#x952E;&#x76D8;&#x4E8B;&#x4EF6;"><b>2.29.2. </b>&#x952E;&#x76D8;&#x4E8B;&#x4EF6;</a></li><li><span class="title-icon "></span><a href="#&#x8868;&#x5355;&#x4E8B;&#x4EF6;"><b>2.29.3. </b>&#x8868;&#x5355;&#x4E8B;&#x4EF6;</a></li><li><span class="title-icon "></span><a href="#&#x89E6;&#x6478;&#x4E8B;&#x4EF6;"><b>2.29.4. </b>&#x89E6;&#x6478;&#x4E8B;&#x4EF6;</a></li><li><span class="title-icon "></span><a href="#&#x5176;&#x4ED6;&#x4E8B;&#x4EF6;"><b>2.29.5. </b>&#x5176;&#x4ED6;&#x4E8B;&#x4EF6;</a></li><li><span class="title-icon "></span><a href="#&#x62D6;&#x62C9;&#x4E8B;&#x4EF6;"><b>2.29.6. </b>&#x62D6;&#x62C9;&#x4E8B;&#x4EF6;</a></li></ul></ul><li><span class="title-icon "></span><a href="#css"><b>3. </b>css</a></li><ul><li><span class="title-icon "></span><a href="#css-&#x5F15;&#x5165;"><b>3.1. </b>css &#x5F15;&#x5165;</a></li><li><span class="title-icon "></span><a href="#css-&#x4F18;&#x5148;&#x7EA7;"><b>3.2. </b>css &#x4F18;&#x5148;&#x7EA7;</a></li><li><span class="title-icon "></span><a href="#css-&#x9009;&#x62E9;&#x5668;"><b>3.3. </b>css &#x9009;&#x62E9;&#x5668;</a></li><li><span class="title-icon "></span><a href="#css-&#x5B9A;&#x4F4D;"><b>3.4. </b>css &#x5B9A;&#x4F4D;</a></li><li><span class="title-icon "></span><a href="#css-&#x5C3A;&#x5BF8;"><b>3.5. </b>css &#x5C3A;&#x5BF8;</a></li><li><span class="title-icon "></span><a href="#css-border-&#x8FB9;&#x8DDD;"><b>3.6. </b>css border &#x8FB9;&#x8DDD;</a></li><li><span class="title-icon "></span><a href="#css-&#x5185;&#x8FB9;&#x8DDD;&#x5C5E;&#x6027;"><b>3.7. </b>css &#x5185;&#x8FB9;&#x8DDD;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-&#x5916;&#x8FB9;&#x8DDD;&#x5C5E;&#x6027;"><b>3.8. </b>css &#x5916;&#x8FB9;&#x8DDD;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css---&#x8FB9;&#x6846;"><b>3.9. </b>css   &#x8FB9;&#x6846;</a></li><li><span class="title-icon "></span><a href="#css-&#x80CC;&#x666F;"><b>3.10. </b>css &#x80CC;&#x666F;</a></li><li><span class="title-icon "></span><a href="#css-&#x52A8;&#x753B;"><b>3.11. </b>css &#x52A8;&#x753B;</a></li><li><span class="title-icon "></span><a href="#css-box-&#x5C5E;&#x6027;"><b>3.12. </b>css Box &#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-&#x989C;&#x8272;-&#x5C5E;&#x6027;"><b>3.13. </b>css &#x989C;&#x8272; &#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-content-for-paged-media-&#x5C5E;&#x6027;"><b>3.14. </b>css Content for Paged Media &#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-&#x53EF;&#x4F38;&#x7F29;&#x6846;&#x5C5E;&#x6027;&#xFF08;flexible-box&#xFF09;"><b>3.15. </b>css &#x53EF;&#x4F38;&#x7F29;&#x6846;&#x5C5E;&#x6027;&#xFF08;Flexible Box&#xFF09;</a></li><li><span class="title-icon "></span><a href="#css-&#x5B57;&#x4F53;&#x5C5E;&#x6027;"><b>3.16. </b>css &#x5B57;&#x4F53;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-&#x5185;&#x5BB9;&#x751F;&#x6210;-&#x76F8;&#x5173;&#x5C5E;&#x6027;"><b>3.17. </b>css &#x5185;&#x5BB9;&#x751F;&#x6210; &#x76F8;&#x5173;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-&#x8868;&#x683C;&#x5C5E;&#x6027;"><b>3.18. </b>css &#x8868;&#x683C;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-&#x8D85;&#x94FE;&#x63A5;&#x5C5E;&#x6027;"><b>3.19. </b>css &#x8D85;&#x94FE;&#x63A5;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-&#x5217;&#x8868;&#x5C5E;&#x6027;"><b>3.20. </b>css &#x5217;&#x8868;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-&#x8D70;&#x9A6C;&#x706F;&#x5C5E;&#x6027;"><b>3.21. </b>css &#x8D70;&#x9A6C;&#x706F;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-&#x591A;&#x5217;&#x5C5E;&#x6027;"><b>3.22. </b>css &#x591A;&#x5217;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-paged-media-&#x5C5E;&#x6027;"><b>3.23. </b>css Paged Media &#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-&#x6253;&#x5370;&#x5C5E;&#x6027;"><b>3.24. </b>css &#x6253;&#x5370;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-&#x8868;&#x683C;&#x5C5E;&#x6027;_1"><b>3.25. </b>css &#x8868;&#x683C;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css--&#x6587;&#x672C;&#x5C5E;&#x6027;"><b>3.26. </b>css  &#x6587;&#x672C;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-2d3d-&#x8F6C;&#x6362;&#x5C5E;&#x6027;"><b>3.27. </b>css 2D/3D &#x8F6C;&#x6362;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-&#x8FC7;&#x6E21;&#x5C5E;&#x6027;"><b>3.28. </b>css &#x8FC7;&#x6E21;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-&#x7528;&#x6237;&#x754C;&#x9762;&#x5C5E;&#x6027;"><b>3.29. </b>css &#x7528;&#x6237;&#x754C;&#x9762;&#x5C5E;&#x6027;</a></li><li><span class="title-icon "></span><a href="#css-&#x975E;&#x6807;&#x51C6;&#x5C5E;&#x6027;"><b>3.30. </b>css &#x975E;&#x6807;&#x51C6;&#x5C5E;&#x6027;</a></li></ul><li><span class="title-icon "></span><a href="#&#x817E;&#x8BAF;&#x5C0F;&#x7A0B;&#x5E8F;"><b>4. </b>&#x817E;&#x8BAF;&#x5C0F;&#x7A0B;&#x5E8F;</a></li><li><span class="title-icon "></span><a href="#&#x5176;&#x4ED6;_2"><b>5. </b>&#x5176;&#x4ED6;</a></li><ul><li><span class="title-icon "></span><a href="#css-&#x7981;&#x6B62;&#x590D;&#x5236;&#x3001;&#x7981;&#x6B62;&#x9009;&#x62E9;-&#x3001;&#x65E0;&#x6CD5;&#x590D;&#x5236;"><b>5.1. </b>css &#x7981;&#x6B62;&#x590D;&#x5236;&#x3001;&#x7981;&#x6B62;&#x9009;&#x62E9; &#x3001;&#x65E0;&#x6CD5;&#x590D;&#x5236;</a></li></ul></ul></div><a href="#html5" id="anchorNavigationExGoTop"><i class="fa fa-arrow-up"></i></a><h1 id="html5"><a name="html5" class="anchor-navigation-ex-anchor" href="#html5"><i class="fa fa-link" aria-hidden="true"></i></a>1. html5</h1>
<h2 id="&#x6807;&#x7B7E;&#x5143;&#x7D20;"><a name="&#x6807;&#x7B7E;&#x5143;&#x7D20;" class="anchor-navigation-ex-anchor" href="#&#x6807;&#x7B7E;&#x5143;&#x7D20;"><i class="fa fa-link" aria-hidden="true"></i></a>1.1. &#x6807;&#x7B7E;&#x5143;&#x7D20;</h2>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>abbr</td>
<td>&#x7528;&#x6765;&#x6307;&#x660E;&#x8FD9;&#x662F;&#x7B80;&#x79F0;&#x6216;&#x7F29;&#x5199;&#xFF0C;&#x6BD4;&#x5982; &quot;WWW&quot; &#x3002; &#x6807;&#x8BB0;&#x540E;&#x80FD;&#x591F;&#x4E3A;&#x6D4F;&#x89C8;&#x5668;&#x3001;&#x641C;&#x7D22;&#x5F15;&#x64CE;&#x63D0;&#x4F9B;&#x6709;&#x7528;&#x7684;&#x4FE1;&#x606F;&#x3002;</td>
</tr>
<tr>
<td>acronym</td>
<td>&#x6807;&#x7B7E;&#x5B9A;&#x4E49;&#x9996;&#x5B57;&#x6BCD;&#x7F29;&#x5199;&#x3002;&#x6807;&#x8BB0;&#x540E;&#x80FD;&#x591F;&#x4E3A;&#x6D4F;&#x89C8;&#x5668;&#x3001;&#x641C;&#x7D22;&#x5F15;&#x64CE;&#x63D0;&#x4F9B;&#x6709;&#x7528;&#x7684;&#x4FE1;&#x606F;&#x3002;</td>
</tr>
<tr>
<td>address</td>
<td>&#x5B9A;&#x4E49;&#x6587;&#x6863;&#x6216;&#x6587;&#x7AE0;&#x7684;&#x4F5C;&#x8005;/&#x62E5;&#x6709;&#x8005;&#x7684;&#x8054;&#x7CFB;&#x4FE1;&#x606F;</td>
</tr>
<tr>
<td>applet</td>
<td>&#x4E00;&#x4E2A;&#x5D4C;&#x5165;&#x7684; Java   applet &#x3002; <br>  HTML5 &#x4E2D;&#x4E0D;&#x652F;&#x6301;  applet  &#x6807;&#x7B7E;&#x3002;&#x8BF7;&#x4F7F;&#x7528; object &#x5143;&#x7D20; &#x6807;&#x7B7E;&#x4EE3;&#x66FF;&#x3002;</td>
</tr>
<tr>
<td>area</td>
<td>&#x6807;&#x7B7E;&#x5B9A;&#x4E49;&#x56FE;&#x50CF;&#x6620;&#x5C04;&#x4E2D;&#x7684;&#x533A;&#x57DF;</td>
</tr>
<tr>
<td>article</td>
<td>&#x6807;&#x7B7E;&#x89C4;&#x5B9A;&#x72EC;&#x7ACB;&#x7684;&#x81EA;&#x5305;&#x542B;&#x5185;&#x5BB9;&#x3002;&#x4E00;&#x7BC7;&#x6587;&#x7AE0;&#x5E94;&#x6709;&#x5176;&#x81EA;&#x8EAB;&#x7684;&#x610F;&#x4E49;&#xFF0C;&#x5E94;&#x8BE5;&#x6709;&#x53EF;&#x80FD;&#x72EC;&#x7ACB;&#x4E8E;&#x7AD9;&#x70B9;&#x7684;&#x5176;&#x4F59;&#x90E8;&#x5206;&#x5BF9;&#x5176;&#x8FDB;&#x884C;&#x5206;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>aside</td>
<td>&#x5B9A;&#x4E49;&#x5176;&#x6240;&#x5904;&#x5185;&#x5BB9;&#x4E4B;&#x5916;&#x7684;&#x5185;&#x5BB9;&#x3002;  aside &#x7684;&#x5185;&#x5BB9;&#x5E94;&#x8BE5;&#x4E0E;&#x9644;&#x8FD1;&#x7684;&#x5185;&#x5BB9;&#x76F8;&#x5173;</td>
</tr>
<tr>
<td>audio</td>
<td>&#x5B9A;&#x4E49;&#x58F0;&#x97F3;</td>
</tr>
<tr>
<td>b</td>
<td>&#x7C97;&#x4F53;&#x6587;&#x672C;</td>
</tr>
<tr>
<td>base</td>
<td>&#x4E3A;&#x9875;&#x9762;&#x4E0A;&#x7684;&#x6240;&#x6709;&#x94FE;&#x63A5;&#x89C4;&#x5B9A;&#x9ED8;&#x8BA4;&#x5730;&#x5740;&#x6216;&#x9ED8;&#x8BA4;&#x76EE;&#x6807;&#x3002;</td>
</tr>
<tr>
<td>basefont</td>
<td>&#x6807;&#x7B7E;&#x5B9A;&#x4E49;&#x57FA;&#x51C6;&#x5B57;&#x4F53;&#x3002;&#x8BE5;&#x6807;&#x7B7E;&#x53EF;&#x4EE5;&#x4E3A;&#x6587;&#x6863;&#x4E2D;&#x7684;&#x6240;&#x6709;&#x6587;&#x672C;&#x5B9A;&#x4E49;&#x9ED8;&#x8BA4;&#x5B57;&#x4F53;&#x989C;&#x8272;&#x3001;&#x5B57;&#x4F53;&#x5927;&#x5C0F;&#x548C;&#x5B57;&#x4F53;&#x7CFB;&#x5217;&#x3002;</td>
</tr>
<tr>
<td>bdi</td>
<td>&#x5141;&#x8BB8;&#x8BBE;&#x7F6E;&#x4E00;&#x6BB5;&#x6587;&#x672C;&#xFF0C;&#x4F7F;&#x5176;&#x8131;&#x79BB;&#x5176;&#x7236;&#x5143;&#x7D20;&#x7684;&#x6587;&#x672C;&#x65B9;&#x5411;&#x8BBE;&#x7F6E;</td>
</tr>
<tr>
<td>bdo</td>
<td>&#x5B9A;&#x4E49;&#x6587;&#x5B57;&#x7684;&#x65B9;&#x5411;</td>
</tr>
<tr>
<td>big</td>
<td>&#x5927;&#x53F7;&#x5B57;&#x4F53;&#x6548;&#x679C;</td>
</tr>
<tr>
<td>blockquote</td>
<td>&#x5B9A;&#x4E49;&#x5757;&#x5F15;&#x7528;</td>
</tr>
<tr>
<td>body</td>
<td>&#x5B9A;&#x4E49;&#x6587;&#x6863;&#x7684;&#x4E3B;&#x4F53;</td>
</tr>
<tr>
<td>br</td>
<td>&#x6362;&#x884C;</td>
</tr>
<tr>
<td>button</td>
<td>&#x6309;&#x94AE;</td>
</tr>
<tr>
<td>canvas</td>
<td>&#x753B;&#x5E03; &#xFF0C;&#x53EF;&#x4EE5;&#x5728;&#x8FD9;&#x4E0A;&#x9762;&#x7ED8;&#x5236;&#x5185;&#x5BB9;</td>
</tr>
<tr>
<td>caption</td>
<td>&#x5B9A;&#x4E49;&#x8868;&#x683C;&#x6807;&#x9898;</td>
</tr>
<tr>
<td>center</td>
<td>&#x5BF9;&#x5176;&#x6240;&#x5305;&#x62EC;&#x7684;&#x6587;&#x672C;&#x8FDB;&#x884C;&#x6C34;&#x5E73;&#x5C45;&#x4E2D;</td>
</tr>
<tr>
<td>cite</td>
<td>&#x5B9A;&#x4E49;&#x5F15;&#x7528;</td>
</tr>
<tr>
<td>code</td>
<td>&#x5B9A;&#x4E49;&#x8BA1;&#x7B97;&#x673A;&#x4EE3;&#x7801;&#x6587;&#x672C;</td>
</tr>
<tr>
<td>col</td>
<td>&#x7528;&#x5728;&#x8868;&#x683C;&#x4E2D;&#xFF0C;&#x8BBE;&#x7F6E;&#x6BCF;&#x4E00;&#x5217;&#x7684;&#x6837;&#x5F0F; ,&#x4E00;&#x4E2A;&#x8868;&#x683C;&#x91CC;&#x9762;&#x53EA;&#x5199;&#x4E00;&#x6B21;</td>
</tr>
<tr>
<td>colgroup</td>
<td>&#x7528;&#x4E8E;&#x5BF9;&#x8868;&#x683C;&#x4E2D;&#x7684;&#x5217;&#x8FDB;&#x884C;&#x7EC4;&#x5408;&#xFF0C;&#x4EE5;&#x4FBF;&#x5BF9;&#x5176;&#x8FDB;&#x884C;&#x683C;&#x5F0F;&#x5316;</td>
</tr>
<tr>
<td>command</td>
<td>&#x8868;&#x793A;&#x7528;&#x6237;&#x80FD;&#x591F;&#x8C03;&#x7528;&#x7684;&#x547D;&#x4EE4;</td>
</tr>
<tr>
<td>datalist</td>
<td>&#x5B9A;&#x4E49;&#x9009;&#x9879;&#x5217;&#x8868;&#x3002; &#x4E0E; input &#x5143;&#x7D20;&#x914D;&#x5408;&#x4F7F;&#x7528;&#x8BE5;&#x5143;&#x7D20;&#xFF0C;&#x6765;&#x5B9A;&#x4E49; input &#x53EF;&#x80FD;&#x7684;&#x503C;&#x3002;</td>
</tr>
<tr>
<td>dd</td>
<td>&#x5728;&#x5B9A;&#x4E49;&#x5217;&#x8868;&#x4E2D;&#x5B9A;&#x4E49;&#x6761;&#x76EE;&#x7684;&#x5B9A;&#x4E49;&#x90E8;&#x5206;</td>
</tr>
<tr>
<td>del</td>
<td>&#x5B9A;&#x4E49;&#x6587;&#x6863;&#x4E2D;&#x5DF2;&#x88AB;&#x5220;&#x9664;&#x7684;&#x6587;&#x672C;</td>
</tr>
<tr>
<td>dfn</td>
<td>&#x5B9A;&#x4E49;&#x4E00;&#x4E2A;&#x5B9A;&#x4E49;&#x9879;&#x76EE;</td>
</tr>
<tr>
<td>dialog</td>
<td>&#x5B9A;&#x4E49;&#x5BF9;&#x8BDD;&#x6846;&#x6216;&#x7A97;&#x53E3;</td>
</tr>
<tr>
<td>dir</td>
<td>&#x5B9A;&#x4E49;&#x76EE;&#x5F55;&#x5217;&#x8868; &#x3002; &#x4E0D;&#x8D5E;&#x6210;&#x4F7F;&#x7528;&#x8FD9;&#x4E2A;&#x6807;&#x7B7E;</td>
</tr>
<tr>
<td>div</td>
<td>&#x5C42; &#x3002;&#x628A;&#x6587;&#x6863;&#x5206;&#x5272;&#x4E3A;&#x72EC;&#x7ACB;&#x7684;&#x3001;&#x4E0D;&#x540C;&#x7684;&#x90E8;&#x5206;&#x3002;&#x5B83;&#x53EF;&#x4EE5;&#x7528;&#x4F5C;&#x4E25;&#x683C;&#x7684;&#x7EC4;&#x7EC7;&#x5DE5;&#x5177;&#xFF0C;&#x5E76;&#x4E14;&#x4E0D;&#x4F7F;&#x7528;&#x4EFB;&#x4F55;&#x683C;&#x5F0F;&#x4E0E;&#x5176;&#x5173;&#x8054;&#x3002;</td>
</tr>
<tr>
<td>dl</td>
<td>&#x5B9A;&#x4E49;&#x4E86;&#x5B9A;&#x4E49;&#x5217;&#x8868;</td>
</tr>
<tr>
<td>dt</td>
<td>&#x5B9A;&#x4E49;&#x4E86;&#x5B9A;&#x4E49;&#x5217;&#x8868;&#x4E2D;&#x7684;&#x9879;&#x76EE;</td>
</tr>
<tr>
<td>em</td>
<td>&#x628A;&#x6587;&#x672C;&#x5B9A;&#x4E49;&#x4E3A;&#x5F3A;&#x8C03;&#x7684;&#x5185;&#x5BB9;</td>
</tr>
<tr>
<td>embed</td>
<td>&#x5B9A;&#x4E49;&#x5D4C;&#x5165;&#x7684;&#x5185;&#x5BB9;&#xFF0C;&#x6BD4;&#x5982;&#x63D2;&#x4EF6;</td>
</tr>
<tr>
<td>fieldset</td>
<td>&#x5C06;&#x8868;&#x5355;&#x5185;&#x7684;&#x76F8;&#x5173;&#x5143;&#x7D20;&#x5206;&#x7EC4;</td>
</tr>
<tr>
<td>figcaption</td>
<td>&#x5B9A;&#x4E49; figure &#x5143;&#x7D20;&#x7684;&#x6807;&#x9898;</td>
</tr>
<tr>
<td>figure</td>
<td>&#x89C4;&#x5B9A;&#x72EC;&#x7ACB;&#x7684;&#x6D41;&#x5185;&#x5BB9;&#xFF08;&#x56FE;&#x50CF;&#x3001;&#x56FE;&#x8868;&#x3001;&#x7167;&#x7247;&#x3001;&#x4EE3;&#x7801;&#x7B49;&#x7B49;&#xFF09;&#x3002; <br> figure &#x5143;&#x7D20;&#x7684;&#x5185;&#x5BB9;&#x5E94;&#x8BE5;&#x4E0E;&#x4E3B;&#x5185;&#x5BB9;&#x76F8;&#x5173;&#xFF0C;&#x4F46;&#x5982;&#x679C;&#x88AB;&#x5220;&#x9664;&#xFF0C;&#x5219;&#x4E0D;&#x5E94;&#x5BF9;&#x6587;&#x6863;&#x6D41;&#x4EA7;&#x751F;&#x5F71;&#x54CD;&#x3002;</td>
</tr>
<tr>
<td>font</td>
<td>&#x89C4;&#x5B9A;&#x6587;&#x672C;&#x7684;&#x5B57;&#x4F53;&#x3001;&#x5B57;&#x4F53;&#x5C3A;&#x5BF8;&#x3001;&#x5B57;&#x4F53;&#x989C;&#x8272;</td>
</tr>
<tr>
<td>footer</td>
<td>&#x5B9A;&#x4E49;&#x6587;&#x6863;&#x6216;&#x8282;&#x7684;&#x9875;&#x811A;</td>
</tr>
<tr>
<td>form</td>
<td>&#x8868;&#x5355;</td>
</tr>
<tr>
<td>frame</td>
<td>&#x5B9A;&#x4E49; frameset &#x4E2D;&#x7684;&#x4E00;&#x4E2A;&#x7279;&#x5B9A;&#x7684;&#x7A97;&#x53E3;&#xFF08;&#x6846;&#x67B6;&#xFF09;</td>
</tr>
<tr>
<td>frameset</td>
<td>&#x7528;&#x6765;&#x5305;&#x542B; frame</td>
</tr>
<tr>
<td>h1 ...  h6</td>
<td>&#x4E0D;&#x540C;&#x7EA7;&#x522B;&#x7684; &#x6807;&#x9898;</td>
</tr>
<tr>
<td>head</td>
<td>&#x6587;&#x6863;&#x7684;&#x5934;&#x90E8;</td>
</tr>
<tr>
<td>header</td>
<td>&#x5B9A;&#x4E49;&#x6587;&#x6863;&#x7684;&#x9875;&#x7709;&#xFF08;&#x4ECB;&#x7ECD;&#x4FE1;&#x606F;&#xFF09;</td>
</tr>
<tr>
<td>hr</td>
<td>&#x521B;&#x5EFA;&#x4E00;&#x6761;&#x6C34;&#x5E73;&#x7EBF;</td>
</tr>
<tr>
<td>html</td>
<td>&#x544A;&#x77E5;&#x6D4F;&#x89C8;&#x5668;&#x5176;&#x81EA;&#x8EAB;&#x662F;&#x4E00;&#x4E2A; HTML &#x6587;&#x6863;</td>
</tr>
<tr>
<td>i</td>
<td>&#x659C;&#x4F53;&#x6587;&#x672C;&#x6548;&#x679C;</td>
</tr>
<tr>
<td>iframe</td>
<td>&#x521B;&#x5EFA;&#x5305;&#x542B;&#x53E6;&#x5916;&#x4E00;&#x4E2A;&#x6587;&#x6863;&#x7684;&#x5185;&#x8054;&#x6846;&#x67B6;&#xFF08;&#x5373;&#x884C;&#x5185;&#x6846;&#x67B6;&#xFF09;</td>
</tr>
<tr>
<td>img</td>
<td>&#x5D4C;&#x5165;&#x4E00;&#x5E45;&#x56FE;&#x50CF;</td>
</tr>
<tr>
<td>input</td>
<td>&#x6807;&#x7B7E;&#x7528;&#x4E8E;&#x641C;&#x96C6;&#x7528;&#x6237;&#x4FE1;&#x606F;&#x3002; <br> &#x6839;&#x636E;&#x4E0D;&#x540C;&#x7684; type &#x5C5E;&#x6027;&#x503C;&#xFF0C;&#x8F93;&#x5165;&#x5B57;&#x6BB5;&#x62E5;&#x6709;&#x5F88;&#x591A;&#x79CD;&#x5F62;&#x5F0F;&#x3002; &#x6587;&#x672C;&#x5B57;&#x6BB5;&#x3001;&#x590D;&#x9009;&#x6846; &#x3001;&#x5355;&#x9009;&#x6309;&#x94AE;&#x3001;&#x6309;&#x94AE;&#x7B49;</td>
</tr>
<tr>
<td>ins</td>
<td>&#x5927;&#x591A;&#x6570;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x6539;&#x5199;&#x4E3A;&#x5220;&#x9664;&#x6587;&#x672C;&#x548C;&#x4E0B;&#x5212;&#x7EBF;&#x6587;&#x672C;&#x3002; &#x4E00;&#x4E9B;&#x8001;&#x5F0F;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x4F1A;&#x628A;&#x5220;&#x9664;&#x6587;&#x672C;&#x548C;&#x4E0B;&#x5212;&#x7EBF;&#x6587;&#x672C;&#x663E;&#x793A;&#x4E3A;&#x666E;&#x901A;&#x6587;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>kbd</td>
<td>&#x5B9A;&#x4E49;&#x952E;&#x76D8;&#x6587;&#x672C;</td>
</tr>
<tr>
<td>keygen</td>
<td>&#x7528;&#x4E8E;&#x8868;&#x5355;&#x7684;&#x5BC6;&#x94A5;&#x5BF9;&#x751F;&#x6210;&#x5668;&#x5B57;&#x6BB5;</td>
</tr>
<tr>
<td>label</td>
<td>label  &#x4E0D;&#x4F1A;&#x5411;&#x7528;&#x6237;&#x5448;&#x73B0;&#x4EFB;&#x4F55;&#x7279;&#x6B8A;&#x6548;&#x679C;&#x3002;&#x4E0D;&#x8FC7;&#xFF0C;&#x5B83;&#x4E3A;&#x9F20;&#x6807;&#x7528;&#x6237;&#x6539;&#x8FDB;&#x4E86;&#x53EF;&#x7528;&#x6027;&#x3002;&#x5982;&#x679C;&#x4F60;&#x5728; label &#x5143;&#x7D20;&#x5185;&#x70B9;&#x51FB;&#x6587;&#x672C;&#xFF0C;&#x5C31;&#x4F1A;&#x89E6;&#x53D1;&#x6B64;&#x63A7;&#x4EF6;&#x3002;</td>
</tr>
<tr>
<td>legend</td>
<td>&#x4E3A; fieldset &#x5143;&#x7D20;&#x5B9A;&#x4E49;&#x6807;&#x9898;</td>
</tr>
<tr>
<td>li</td>
<td>&#x5B9A;&#x4E49;&#x5217;&#x8868;&#x9879;&#x76EE; &#xFF0C; &#x53EF;&#x7528;&#x5728;&#x6709;&#x5E8F;&#x5217;&#x8868; ol  &#x548C;&#x65E0;&#x5E8F;&#x5217;&#x8868; ul &#x4E2D;</td>
</tr>
<tr>
<td>link</td>
<td>&#x5BFC;&#x5165;&#x5916;&#x90E8;&#x8D44;&#x6E90; &#xFF0C;css&#x7B49;</td>
</tr>
<tr>
<td>main</td>
<td>&#x89C4;&#x5B9A;&#x6587;&#x6863;&#x7684;&#x4E3B;&#x8981;&#x5185;&#x5BB9;</td>
</tr>
<tr>
<td>map</td>
<td>&#x5E26;&#x6709;&#x53EF;&#x70B9;&#x51FB;&#x533A;&#x57DF;&#x7684;&#x56FE;&#x50CF;&#x6620;&#x5C04; &#x3002;&#x4F8B;&#x5982;&#x6307;&#x5B9A;&#x56FE;&#x7247;&#x7684;&#x54EA;&#x4E9B;&#x533A;&#x57DF;&#x53EF;&#x4EE5;&#x70B9;&#x51FB;&#x5C31;&#x8DF3;&#x8F6C;</td>
</tr>
<tr>
<td>mark</td>
<td>&#x5B9A;&#x4E49;&#x5E26;&#x6709;&#x8BB0;&#x53F7;&#x7684;&#x6587;&#x672C;</td>
</tr>
<tr>
<td>menu</td>
<td>&#x7528;&#x4E8E;&#x4E0A;&#x4E0B;&#x6587;&#x83DC;&#x5355;&#x3001;&#x5DE5;&#x5177;&#x680F;&#x4EE5;&#x53CA;&#x7528;&#x4E8E;&#x5217;&#x51FA;&#x8868;&#x5355;&#x63A7;&#x4EF6;&#x548C;&#x547D;&#x4EE4;</td>
</tr>
<tr>
<td>menuitem</td>
<td>&#x5B9A;&#x4E49;&#x7528;&#x6237;&#x53EF;&#x4EE5;&#x4ECE;&#x5F39;&#x51FA;&#x83DC;&#x5355;&#x8C03;&#x7528;&#x7684;&#x547D;&#x4EE4;/&#x83DC;&#x5355;&#x9879;&#x76EE;</td>
</tr>
<tr>
<td>meta</td>
<td>&#x53EF;&#x63D0;&#x4F9B;&#x6709;&#x5173;&#x9875;&#x9762;&#x7684;&#x5143;&#x4FE1;&#x606F; &#xFF0C;&#x6BD4;&#x5982;&#x9488;&#x5BF9;&#x641C;&#x7D22;&#x5F15;&#x64CE;&#x548C;&#x66F4;&#x65B0;&#x9891;&#x5EA6;&#x7684;&#x63CF;&#x8FF0;&#x548C;&#x5173;&#x952E;&#x8BCD;&#x3002;</td>
</tr>
<tr>
<td>meter</td>
<td>&#x8FDB;&#x5EA6;&#x6761;</td>
</tr>
<tr>
<td>nav</td>
<td>&#x5B9A;&#x4E49;&#x5BFC;&#x822A;&#x94FE;&#x63A5;&#x7684;&#x90E8;&#x5206;</td>
</tr>
<tr>
<td>noframes</td>
<td>&#x4E3A;&#x90A3;&#x4E9B;&#x4E0D;&#x652F;&#x6301;&#x6846;&#x67B6;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x663E;&#x793A;&#x6587;&#x672C;</td>
</tr>
<tr>
<td>noscript</td>
<td>&#x7528;&#x6765;&#x5B9A;&#x4E49;&#x5728;&#x811A;&#x672C;&#x672A;&#x88AB;&#x6267;&#x884C;&#x65F6;&#x7684;&#x66FF;&#x4EE3;&#x5185;&#x5BB9;</td>
</tr>
<tr>
<td>object</td>
<td>&#x5B9A;&#x4E49;&#x4E00;&#x4E2A;&#x5D4C;&#x5165;&#x7684;&#x5BF9;&#x8C61;</td>
</tr>
<tr>
<td>ol</td>
<td>&#x6709;&#x5E8F;&#x5217;&#x8868;</td>
</tr>
<tr>
<td>optgroup</td>
<td>&#x5B9A;&#x4E49;&#x9009;&#x9879;&#x7EC4;</td>
</tr>
<tr>
<td>option</td>
<td>&#x5B9A;&#x4E49;&#x4E0B;&#x62C9;&#x5217;&#x8868;&#x4E2D;&#x7684;&#x4E00;&#x4E2A;&#x9009;&#x9879;</td>
</tr>
<tr>
<td>output</td>
<td>&#x5B9A;&#x4E49;&#x4E0D;&#x540C;&#x7C7B;&#x578B;&#x7684;&#x8F93;&#x51FA;</td>
</tr>
<tr>
<td>p</td>
<td>&#x5B9A;&#x4E49;&#x6BB5;&#x843D;</td>
</tr>
<tr>
<td>param</td>
<td>&#x4E3A;object&#x6807;&#x7B7E;&#x63D0;&#x4F9B;&#x5D4C;&#x5165;&#x5185;&#x5BB9;&#x7684;&#x8FD0;&#x884C;&#x65F6;&#x53C2;&#x6570;&#x7684;name&#x4E0E;value&#x5BF9;</td>
</tr>
<tr>
<td>pre</td>
<td>&#x5B9A;&#x4E49;&#x9884;&#x683C;&#x5F0F;&#x5316;&#x7684;&#x6587;&#x672C;</td>
</tr>
<tr>
<td>progress</td>
<td>&#x6709;&#x52A8;&#x753B;&#x7684;&#x8FDB;&#x5EA6;&#x6761;</td>
</tr>
<tr>
<td>q</td>
<td>&#x5B9A;&#x4E49;&#x77ED;&#x7684;&#x5F15;&#x7528;</td>
</tr>
<tr>
<td>rp</td>
<td>&#x5728; ruby &#x6CE8;&#x91CA;&#x4E2D;&#x4F7F;&#x7528;&#xFF0C;&#x4EE5;&#x5B9A;&#x4E49;&#x4E0D;&#x652F;&#x6301; ruby &#x5143;&#x7D20;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x6240;&#x663E;&#x793A;&#x7684;&#x5185;&#x5BB9;&#x3002;</td>
</tr>
<tr>
<td>rt</td>
<td>&#x5B9A;&#x4E49;&#x5B57;&#x7B26;&#xFF08;&#x4E2D;&#x6587;&#x6CE8;&#x97F3;&#x6216;&#x5B57;&#x7B26;&#xFF09;&#x7684;&#x89E3;&#x91CA;&#x6216;&#x53D1;&#x97F3;&#x3002;</td>
</tr>
<tr>
<td>ruby</td>
<td>&#x5B9A;&#x4E49; ruby &#x6CE8;&#x91CA;&#xFF08;&#x4E2D;&#x6587;&#x6CE8;&#x97F3;&#x6216;&#x5B57;&#x7B26;&#xFF09;</td>
</tr>
<tr>
<td>samp</td>
<td>&#x5B9A;&#x4E49;&#x6837;&#x672C;&#x6587;&#x672C;</td>
</tr>
<tr>
<td>script</td>
<td>&#x63D2;&#x5165;&#x4E00;&#x6BB5; JavaScript</td>
</tr>
<tr>
<td>section</td>
<td>HTML 5 &#x4E2D;&#x7684;&#x65B0;&#x6807;&#x7B7E;&#x3002; &#x5B9A;&#x4E49;&#x6587;&#x6863;&#x4E2D;&#x7684;&#x8282;&#xFF08;section&#x3001;&#x533A;&#x6BB5;&#xFF09;&#x3002;&#x6BD4;&#x5982;&#x7AE0;&#x8282;&#x3001;&#x9875;&#x7709;&#x3001;&#x9875;&#x811A;&#x6216;&#x6587;&#x6863;&#x4E2D;&#x7684;&#x5176;&#x4ED6;&#x90E8;&#x5206;&#x3002;</td>
</tr>
<tr>
<td>select</td>
<td>&#x5355;&#x9009;&#x6216;&#x591A;&#x9009;&#x83DC;&#x5355;</td>
</tr>
<tr>
<td>small</td>
<td>&#x5C0F;&#x53F7;&#x5B57;&#x4F53;&#x6548;&#x679C;</td>
</tr>
<tr>
<td>source</td>
<td>&#x97F3;&#x9891;&#x64AD;&#x653E;&#x5668;</td>
</tr>
<tr>
<td>span</td>
<td>span&#x968F;&#x5185;&#x5BB9;&#x800C;&#x5360;&#x7528;&#x9AD8;&#x5BBD;&#x7A7A;&#x95F4;&#xFF08;&#x7D27;&#x8D34;&#x5185;&#x5BB9;&#xFF09;&#xFF0C;&#x800C;&#x4E00;&#x5BF9;div&#x6807;&#x7B7E;&#x5374;&#x5360;&#x7528;&#x4E00;&#x884C;&#x3002;</td>
</tr>
<tr>
<td>strike</td>
<td>&#x52A0;&#x5220;&#x9664;&#x7EBF;&#x6587;&#x672C;</td>
</tr>
<tr>
<td>s</td>
<td>&#x662F; strike &#x6807;&#x7B7E;&#x7684;&#x7F29;&#x5199;&#x7248;&#x672C; &#xFF0C; &#x5B9A;&#x4E49;&#x52A0;&#x5220;&#x9664;&#x7EBF;&#x6587;&#x672C;&#x5B9A;&#x4E49;</td>
</tr>
<tr>
<td>strong</td>
<td>&#x5B9A;&#x4E49;&#x4E3A;&#x8BED;&#x6C14;&#x66F4;&#x5F3A;&#x7684;&#x5F3A;&#x8C03;&#x7684;&#x5185;&#x5BB9;</td>
</tr>
<tr>
<td>style</td>
<td>&#x5B9A;&#x4E49;&#x6837;&#x5F0F;</td>
</tr>
<tr>
<td>details</td>
<td>&#x5F53;&#x4E0E;<summary>&#x6807;&#x8BB0;&#x914D;&#x5408;&#x4F7F;&#x7528;&#x65F6;&#xFF0C;&#x5728;&#x5355;&#x51FB;<summary>&#x6807;&#x8BB0;&#x540E;&#x624D;&#x4F1A;&#x663E;&#x793A;<datails>&#x5143;&#x7D20;&#x4E2D;&#x8BBE;&#x7F6E;&#x7684;&#x5185;&#x5BB9;&#x3002;</datails></summary></summary></td>
</tr>
<tr>
<td>summary</td>
<td>&#x5F53;&#x4E0E;<summary>&#x6807;&#x8BB0;&#x914D;&#x5408;&#x4F7F;&#x7528;&#x65F6;&#xFF0C;&#x5728;&#x5355;&#x51FB;<summary>&#x6807;&#x8BB0;&#x540E;&#x624D;&#x4F1A;&#x663E;&#x793A;<datails>&#x5143;&#x7D20;&#x4E2D;&#x8BBE;&#x7F6E;&#x7684;&#x5185;&#x5BB9;&#x3002;</datails></summary></summary></td>
</tr>
<tr>
<td>textarea</td>
<td>&#x591A;&#x884C;&#x7684;&#x6587;&#x672C;&#x8F93;&#x5165;&#x63A7;&#x4EF6;</td>
</tr>
<tr>
<td>sub</td>
<td>&#x4E0A;&#x6807;</td>
</tr>
<tr>
<td>sup</td>
<td>&#x4E0B;&#x6807;</td>
</tr>
<tr>
<td>table</td>
<td>&#x8868;&#x683C;</td>
</tr>
<tr>
<td>tbody</td>
<td>&#x8868;&#x683C;&#x4E3B;&#x4F53;</td>
</tr>
<tr>
<td>thead</td>
<td>&#x5B9A;&#x4E49;&#x8868;&#x683C;&#x7684;&#x8868;&#x5934;</td>
</tr>
<tr>
<td>tfoot</td>
<td>&#x5B9A;&#x4E49;&#x8868;&#x683C;&#x7684;&#x9875;&#x811A;&#xFF08;&#x811A;&#x6CE8;&#x6216;&#x8868;&#x6CE8;&#xFF09;</td>
</tr>
<tr>
<td>tr</td>
<td>&#x5B9A;&#x4E49;&#x7B80;&#x5355;&#x7684;&#x8868;&#x683C;&#xFF0C;&#x884C;</td>
</tr>
<tr>
<td>th</td>
<td>&#x5B9A;&#x4E49;&#x7B80;&#x5355;&#x7684;&#x8868;&#x683C;&#xFF0C; &#x8868;&#x5934;&#x7684;&#x5217;</td>
</tr>
<tr>
<td>td</td>
<td>&#x5B9A;&#x4E49;&#x7B80;&#x5355;&#x7684;&#x8868;&#x683C;&#xFF0C; &#x666E;&#x901A;&#x884C;&#x7684;&#x5217;</td>
</tr>
<tr>
<td>time</td>
<td>&#x4E0D;&#x4F1A;&#x5728;&#x4EFB;&#x4F55;&#x6D4F;&#x89C8;&#x5668;&#x4E2D;&#x5448;&#x73B0;&#x4EFB;&#x4F55;&#x7279;&#x6B8A;&#x6548;&#x679C;&#x3002;&#x4E3A;&#x641C;&#x7D22;&#x5F15;&#x64CE;&#x63D0;&#x4F9B;&#x6709;&#x7528;&#x4FE1;&#x606F;</td>
</tr>
<tr>
<td>title</td>
<td>&#x6587;&#x6863;&#x7684;&#x6807;&#x9898;</td>
</tr>
<tr>
<td>track</td>
<td>&#x64AD;&#x653E;&#x5E26;&#x6709;&#x5B57;&#x5E55;&#x7684;&#x89C6;&#x9891;</td>
</tr>
<tr>
<td>tt</td>
<td>&#x5448;&#x73B0;&#x7C7B;&#x4F3C;&#x6253;&#x5B57;&#x673A;&#x6216;&#x8005;&#x7B49;&#x5BBD;&#x7684;&#x6587;&#x672C;&#x6548;&#x679C;</td>
</tr>
<tr>
<td>u</td>
<td>&#x4E3A;&#x6587;&#x672C;&#x6DFB;&#x52A0;&#x4E0B;&#x5212;&#x7EBF;</td>
</tr>
<tr>
<td>ul</td>
<td>&#x65E0;&#x5E8F;&#x5217;&#x8868;</td>
</tr>
<tr>
<td>var</td>
<td>&#x5B9A;&#x4E49;&#x53D8;&#x91CF;</td>
</tr>
<tr>
<td>video</td>
<td>&#x5B9A;&#x4E49;&#x89C6;&#x9891;</td>
</tr>
<tr>
<td>wbr</td>
<td>br &#x8868;&#x793A;&#x5FC5;&#x987B;&#x6362;&#x884C;&#x3002; <br> &#x800C; wbr &#x8868;&#x793A;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x5BBD;&#x5EA6;&#x8DB3;&#x591F;&#x7684;&#x60C5;&#x51B5;&#x4E0B;&#xFF0C;&#x4E0D;&#x6362;&#x884C;&#xFF1B;&#x5728;&#x5BBD;&#x5EA6;&#x4E0D;&#x8DB3;&#x7684;&#x60C5;&#x51B5;&#x4E0B;&#xFF0C;&#x5728;&#x52A0;&#x4E86;wbr &#x5904;&#x4E3B;&#x52A8;&#x6362;&#x884C;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="html-&#x5168;&#x5C40;&#x5C5E;&#x6027;"><a name="html-&#x5168;&#x5C40;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#html-&#x5168;&#x5C40;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>1.2. HTML &#x5168;&#x5C40;&#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5C5E;&#x6027;&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>accesskey</td>
<td>&#x89C4;&#x5B9A;&#x6FC0;&#x6D3B;&#x5143;&#x7D20;&#x7684;&#x5FEB;&#x6377;&#x952E;&#x3002;</td>
</tr>
<tr>
<td>class</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x7684;&#x4E00;&#x4E2A;&#x6216;&#x591A;&#x4E2A;&#x7C7B;&#x540D;&#xFF08;&#x5F15;&#x7528;&#x6837;&#x5F0F;&#x8868;&#x4E2D;&#x7684;&#x7C7B;&#xFF09;&#x3002;</td>
</tr>
<tr>
<td>contenteditable</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x5185;&#x5BB9;&#x662F;&#x5426;&#x53EF;&#x7F16;&#x8F91;&#x3002;</td>
</tr>
<tr>
<td>contextmenu</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x7684;&#x4E0A;&#x4E0B;&#x6587;&#x83DC;&#x5355;&#x3002;&#x4E0A;&#x4E0B;&#x6587;&#x83DC;&#x5355;&#x5728;&#x7528;&#x6237;&#x70B9;&#x51FB;&#x5143;&#x7D20;&#x65F6;&#x663E;&#x793A;&#x3002;</td>
</tr>
<tr>
<td>data-*</td>
<td>&#x7528;&#x4E8E;&#x5B58;&#x50A8;&#x9875;&#x9762;&#x6216;&#x5E94;&#x7528;&#x7A0B;&#x5E8F;&#x7684;&#x79C1;&#x6709;&#x5B9A;&#x5236;&#x6570;&#x636E;&#x3002;</td>
</tr>
<tr>
<td>dir</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x4E2D;&#x5185;&#x5BB9;&#x7684;&#x6587;&#x672C;&#x65B9;&#x5411;&#x3002;</td>
</tr>
<tr>
<td>draggable</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x662F;&#x5426;&#x53EF;&#x62D6;&#x52A8;&#x3002;</td>
</tr>
<tr>
<td>dropzone</td>
<td>&#x89C4;&#x5B9A;&#x5728;&#x62D6;&#x52A8;&#x88AB;&#x62D6;&#x52A8;&#x6570;&#x636E;&#x65F6;&#x662F;&#x5426;&#x8FDB;&#x884C;&#x590D;&#x5236;&#x3001;&#x79FB;&#x52A8;&#x6216;&#x94FE;&#x63A5;&#x3002;</td>
</tr>
<tr>
<td>hidden</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x4ECD;&#x672A;&#x6216;&#x4E0D;&#x518D;&#x76F8;&#x5173;&#x3002;</td>
</tr>
<tr>
<td>id</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x7684;&#x552F;&#x4E00; id&#x3002;</td>
</tr>
<tr>
<td>lang</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x5185;&#x5BB9;&#x7684;&#x8BED;&#x8A00;&#x3002;</td>
</tr>
<tr>
<td>spellcheck</td>
<td>&#x89C4;&#x5B9A;&#x662F;&#x5426;&#x5BF9;&#x5143;&#x7D20;&#x8FDB;&#x884C;&#x62FC;&#x5199;&#x548C;&#x8BED;&#x6CD5;&#x68C0;&#x67E5;&#x3002;</td>
</tr>
<tr>
<td>style</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x7684;&#x884C;&#x5185; CSS &#x6837;&#x5F0F;&#x3002;</td>
</tr>
<tr>
<td>tabindex</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x7684; tab &#x952E;&#x6B21;&#x5E8F;&#x3002;</td>
</tr>
<tr>
<td>title</td>
<td>&#x89C4;&#x5B9A;&#x6709;&#x5173;&#x5143;&#x7D20;&#x7684;&#x989D;&#x5916;&#x4FE1;&#x606F;&#x3002;</td>
</tr>
<tr>
<td>translate</td>
<td>&#x89C4;&#x5B9A;&#x662F;&#x5426;&#x5E94;&#x8BE5;&#x7FFB;&#x8BD1;&#x5143;&#x7D20;&#x5185;&#x5BB9;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="html-&#x4E8B;&#x4EF6;&#x5C5E;&#x6027;"><a name="html-&#x4E8B;&#x4EF6;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#html-&#x4E8B;&#x4EF6;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>1.3. HTML &#x4E8B;&#x4EF6;&#x5C5E;&#x6027;</h2>
<h3 id="window-&#x4E8B;&#x4EF6;&#x5C5E;&#x6027;"><a name="window-&#x4E8B;&#x4EF6;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#window-&#x4E8B;&#x4EF6;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>1.3.1. Window &#x4E8B;&#x4EF6;&#x5C5E;&#x6027;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>onafterprint</td>
<td>&#x6587;&#x6863;&#x6253;&#x5370;&#x4E4B;&#x540E;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onbeforeprint</td>
<td>&#x6587;&#x6863;&#x6253;&#x5370;&#x4E4B;&#x524D;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onbeforeunload</td>
<td>&#x6587;&#x6863;&#x5378;&#x8F7D;&#x4E4B;&#x524D;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onerror</td>
<td>&#x5728;&#x9519;&#x8BEF;&#x53D1;&#x751F;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onhaschange</td>
<td>&#x5F53;&#x6587;&#x6863;&#x5DF2;&#x6539;&#x53D8;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onload</td>
<td>&#x9875;&#x9762;&#x7ED3;&#x675F;&#x52A0;&#x8F7D;&#x4E4B;&#x540E;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>onmessage</td>
<td>&#x5728;&#x6D88;&#x606F;&#x88AB;&#x89E6;&#x53D1;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onoffline</td>
<td>&#x5F53;&#x6587;&#x6863;&#x79BB;&#x7EBF;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>ononline</td>
<td>&#x5F53;&#x6587;&#x6863;&#x4E0A;&#x7EBF;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onpagehide</td>
<td>&#x5F53;&#x7A97;&#x53E3;&#x9690;&#x85CF;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onpageshow</td>
<td>&#x5F53;&#x7A97;&#x53E3;&#x6210;&#x4E3A;&#x53EF;&#x89C1;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onpopstate</td>
<td>&#x5F53;&#x7A97;&#x53E3;&#x5386;&#x53F2;&#x8BB0;&#x5F55;&#x6539;&#x53D8;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onredo</td>
<td>&#x5F53;&#x6587;&#x6863;&#x6267;&#x884C;&#x64A4;&#x9500;&#xFF08;redo&#xFF09;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onresize</td>
<td>&#x5F53;&#x6D4F;&#x89C8;&#x5668;&#x7A97;&#x53E3;&#x88AB;&#x8C03;&#x6574;&#x5927;&#x5C0F;&#x65F6;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>onstorage</td>
<td>&#x5728; Web Storage &#x533A;&#x57DF;&#x66F4;&#x65B0;&#x540E;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onundo</td>
<td>&#x5728;&#x6587;&#x6863;&#x6267;&#x884C; undo &#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onunload</td>
<td>&#x4E00;&#x65E6;&#x9875;&#x9762;&#x5DF2;&#x4E0B;&#x8F7D;&#x65F6;&#x89E6;&#x53D1;&#xFF08;&#x6216;&#x8005;&#x6D4F;&#x89C8;&#x5668;&#x7A97;&#x53E3;&#x5DF2;&#x88AB;&#x5173;&#x95ED;&#xFF09;&#x3002;</td>
</tr>
</tbody>
</table>
<h3 id="form-&#x4E8B;&#x4EF6;"><a name="form-&#x4E8B;&#x4EF6;" class="anchor-navigation-ex-anchor" href="#form-&#x4E8B;&#x4EF6;"><i class="fa fa-link" aria-hidden="true"></i></a>1.3.2. Form &#x4E8B;&#x4EF6;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>onblur</td>
<td>&#x5143;&#x7D20;&#x5931;&#x53BB;&#x7126;&#x70B9;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onchange</td>
<td>&#x5728;&#x5143;&#x7D20;&#x503C;&#x88AB;&#x6539;&#x53D8;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>oncontextmenu</td>
<td>&#x5F53;&#x4E0A;&#x4E0B;&#x6587;&#x83DC;&#x5355;&#x88AB;&#x89E6;&#x53D1;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onfocus</td>
<td>&#x5F53;&#x5143;&#x7D20;&#x83B7;&#x5F97;&#x7126;&#x70B9;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onformchange</td>
<td>&#x5728;&#x8868;&#x5355;&#x6539;&#x53D8;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onforminput</td>
<td>&#x5F53;&#x8868;&#x5355;&#x83B7;&#x5F97;&#x7528;&#x6237;&#x8F93;&#x5165;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>oninput</td>
<td>&#x5F53;&#x5143;&#x7D20;&#x83B7;&#x5F97;&#x7528;&#x6237;&#x8F93;&#x5165;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>oninvalid</td>
<td>&#x5F53;&#x5143;&#x7D20;&#x65E0;&#x6548;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onreset</td>
<td>&#x5F53;&#x8868;&#x5355;&#x4E2D;&#x7684;&#x91CD;&#x7F6E;&#x6309;&#x94AE;&#x88AB;&#x70B9;&#x51FB;&#x65F6;&#x89E6;&#x53D1;&#x3002;HTML5 &#x4E2D;&#x4E0D;&#x652F;&#x6301;&#x3002;</td>
</tr>
<tr>
<td>onselect</td>
<td>&#x5728;&#x5143;&#x7D20;&#x4E2D;&#x6587;&#x672C;&#x88AB;&#x9009;&#x4E2D;&#x540E;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>onsubmit</td>
<td>&#x5728;&#x63D0;&#x4EA4;&#x8868;&#x5355;&#x65F6;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
</tbody>
</table>
<h3 id="keyboard-&#x4E8B;&#x4EF6;"><a name="keyboard-&#x4E8B;&#x4EF6;" class="anchor-navigation-ex-anchor" href="#keyboard-&#x4E8B;&#x4EF6;"><i class="fa fa-link" aria-hidden="true"></i></a>1.3.3. Keyboard &#x4E8B;&#x4EF6;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>onkeydown</td>
<td>&#x5728;&#x7528;&#x6237;&#x6309;&#x4E0B;&#x6309;&#x952E;&#x65F6;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>onkeypress</td>
<td>&#x5728;&#x7528;&#x6237;&#x6572;&#x51FB;&#x6309;&#x94AE;&#x65F6;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>onkeyup</td>
<td>&#x5F53;&#x7528;&#x6237;&#x91CA;&#x653E;&#x6309;&#x952E;&#x65F6;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
</tbody>
</table>
<h3 id="mouse--&#x4E8B;&#x4EF6;"><a name="mouse--&#x4E8B;&#x4EF6;" class="anchor-navigation-ex-anchor" href="#mouse--&#x4E8B;&#x4EF6;"><i class="fa fa-link" aria-hidden="true"></i></a>1.3.4. Mouse  &#x4E8B;&#x4EF6;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>onclick</td>
<td>&#x5143;&#x7D20;&#x4E0A;&#x53D1;&#x751F;&#x9F20;&#x6807;&#x70B9;&#x51FB;&#x65F6;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>ondblclick</td>
<td>&#x5143;&#x7D20;&#x4E0A;&#x53D1;&#x751F;&#x9F20;&#x6807;&#x53CC;&#x51FB;&#x65F6;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>ondrag</td>
<td>&#x5143;&#x7D20;&#x88AB;&#x62D6;&#x52A8;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>ondragend</td>
<td>&#x5728;&#x62D6;&#x52A8;&#x64CD;&#x4F5C;&#x672B;&#x7AEF;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>ondragenter</td>
<td>&#x5F53;&#x5143;&#x7D20;&#x5143;&#x7D20;&#x5DF2;&#x88AB;&#x62D6;&#x52A8;&#x5230;&#x6709;&#x6548;&#x62D6;&#x653E;&#x533A;&#x57DF;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>ondragleave</td>
<td>&#x5F53;&#x5143;&#x7D20;&#x79BB;&#x5F00;&#x6709;&#x6548;&#x62D6;&#x653E;&#x76EE;&#x6807;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>ondragover</td>
<td>&#x5F53;&#x5143;&#x7D20;&#x5728;&#x6709;&#x6548;&#x62D6;&#x653E;&#x76EE;&#x6807;&#x4E0A;&#x6B63;&#x5728;&#x88AB;&#x62D6;&#x52A8;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>ondragstart</td>
<td>&#x5728;&#x62D6;&#x52A8;&#x64CD;&#x4F5C;&#x5F00;&#x7AEF;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>ondrop</td>
<td>&#x5F53;&#x88AB;&#x62D6;&#x5143;&#x7D20;&#x6B63;&#x5728;&#x88AB;&#x62D6;&#x653E;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onmousedown</td>
<td>&#x5F53;&#x5143;&#x7D20;&#x4E0A;&#x6309;&#x4E0B;&#x9F20;&#x6807;&#x6309;&#x94AE;&#x65F6;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>onmousemove</td>
<td>&#x5F53;&#x9F20;&#x6807;&#x6307;&#x9488;&#x79FB;&#x52A8;&#x5230;&#x5143;&#x7D20;&#x4E0A;&#x65F6;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>onmouseout</td>
<td>&#x5F53;&#x9F20;&#x6807;&#x6307;&#x9488;&#x79FB;&#x51FA;&#x5143;&#x7D20;&#x65F6;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>onmouseover</td>
<td>&#x5F53;&#x9F20;&#x6807;&#x6307;&#x9488;&#x79FB;&#x52A8;&#x5230;&#x5143;&#x7D20;&#x4E0A;&#x65F6;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>onmouseup</td>
<td>&#x5F53;&#x5728;&#x5143;&#x7D20;&#x4E0A;&#x91CA;&#x653E;&#x9F20;&#x6807;&#x6309;&#x94AE;&#x65F6;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>onmousewheel</td>
<td>&#x5F53;&#x9F20;&#x6807;&#x6EDA;&#x8F6E;&#x6B63;&#x5728;&#x88AB;&#x6EDA;&#x52A8;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onscroll</td>
<td>&#x5F53;&#x5143;&#x7D20;&#x6EDA;&#x52A8;&#x6761;&#x88AB;&#x6EDA;&#x52A8;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
</tbody>
</table>
<h3 id="media--&#x4E8B;&#x4EF6;"><a name="media--&#x4E8B;&#x4EF6;" class="anchor-navigation-ex-anchor" href="#media--&#x4E8B;&#x4EF6;"><i class="fa fa-link" aria-hidden="true"></i></a>1.3.5. Media  &#x4E8B;&#x4EF6;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>onabort</td>
<td>&#x5728;&#x9000;&#x51FA;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>oncanplay</td>
<td>&#x5F53;&#x6587;&#x4EF6;&#x5C31;&#x7EEA;&#x53EF;&#x4EE5;&#x5F00;&#x59CB;&#x64AD;&#x653E;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#xFF08;&#x7F13;&#x51B2;&#x5DF2;&#x8DB3;&#x591F;&#x5F00;&#x59CB;&#x65F6;&#xFF09;&#x3002;</td>
</tr>
<tr>
<td>oncanplaythrough</td>
<td>&#x5F53;&#x5A92;&#x4ECB;&#x80FD;&#x591F;&#x65E0;&#x9700;&#x56E0;&#x7F13;&#x51B2;&#x800C;&#x505C;&#x6B62;&#x5373;&#x53EF;&#x64AD;&#x653E;&#x81F3;&#x7ED3;&#x5C3E;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>ondurationchange</td>
<td>&#x5F53;&#x5A92;&#x4ECB;&#x957F;&#x5EA6;&#x6539;&#x53D8;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onemptied</td>
<td>&#x5F53;&#x53D1;&#x751F;&#x6545;&#x969C;&#x5E76;&#x4E14;&#x6587;&#x4EF6;&#x7A81;&#x7136;&#x4E0D;&#x53EF;&#x7528;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#xFF08;&#x6BD4;&#x5982;&#x8FDE;&#x63A5;&#x610F;&#x5916;&#x65AD;&#x5F00;&#x65F6;&#xFF09;&#x3002;</td>
</tr>
<tr>
<td>onended</td>
<td>&#x5F53;&#x5A92;&#x4ECB;&#x5DF2;&#x5230;&#x8FBE;&#x7ED3;&#x5C3E;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#xFF08;&#x53EF;&#x53D1;&#x9001;&#x7C7B;&#x4F3C;&#x201C;&#x611F;&#x8C22;&#x89C2;&#x770B;&#x201D;&#x4E4B;&#x7C7B;&#x7684;&#x6D88;&#x606F;&#xFF09;&#x3002;</td>
</tr>
<tr>
<td>onerror</td>
<td>&#x5F53;&#x5728;&#x6587;&#x4EF6;&#x52A0;&#x8F7D;&#x671F;&#x95F4;&#x53D1;&#x751F;&#x9519;&#x8BEF;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onloadeddata</td>
<td>&#x5F53;&#x5A92;&#x4ECB;&#x6570;&#x636E;&#x5DF2;&#x52A0;&#x8F7D;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onloadedmetadata</td>
<td>&#x5F53;&#x5143;&#x6570;&#x636E;&#xFF08;&#x6BD4;&#x5982;&#x5206;&#x8FA8;&#x7387;&#x548C;&#x65F6;&#x957F;&#xFF09;&#x88AB;&#x52A0;&#x8F7D;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onloadstart</td>
<td>&#x5728;&#x6587;&#x4EF6;&#x5F00;&#x59CB;&#x52A0;&#x8F7D;&#x4E14;&#x672A;&#x5B9E;&#x9645;&#x52A0;&#x8F7D;&#x4EFB;&#x4F55;&#x6570;&#x636E;&#x524D;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onpause</td>
<td>&#x5F53;&#x5A92;&#x4ECB;&#x88AB;&#x7528;&#x6237;&#x6216;&#x7A0B;&#x5E8F;&#x6682;&#x505C;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onplay</td>
<td>&#x5F53;&#x5A92;&#x4ECB;&#x5DF2;&#x5C31;&#x7EEA;&#x53EF;&#x4EE5;&#x5F00;&#x59CB;&#x64AD;&#x653E;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onplaying</td>
<td>&#x5F53;&#x5A92;&#x4ECB;&#x5DF2;&#x5F00;&#x59CB;&#x64AD;&#x653E;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onprogress</td>
<td>&#x5F53;&#x6D4F;&#x89C8;&#x5668;&#x6B63;&#x5728;&#x83B7;&#x53D6;&#x5A92;&#x4ECB;&#x6570;&#x636E;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onratechange</td>
<td>&#x6BCF;&#x5F53;&#x56DE;&#x653E;&#x901F;&#x7387;&#x6539;&#x53D8;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#xFF08;&#x6BD4;&#x5982;&#x5F53;&#x7528;&#x6237;&#x5207;&#x6362;&#x5230;&#x6162;&#x52A8;&#x4F5C;&#x6216;&#x5FEB;&#x8FDB;&#x6A21;&#x5F0F;&#xFF09;&#x3002;</td>
</tr>
<tr>
<td>onreadystatechange</td>
<td>&#x6BCF;&#x5F53;&#x5C31;&#x7EEA;&#x72B6;&#x6001;&#x6539;&#x53D8;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#xFF08;&#x5C31;&#x7EEA;&#x72B6;&#x6001;&#x76D1;&#x6D4B;&#x5A92;&#x4ECB;&#x6570;&#x636E;&#x7684;&#x72B6;&#x6001;&#xFF09;&#x3002;</td>
</tr>
<tr>
<td>onseeked</td>
<td>&#x5F53; seeking &#x5C5E;&#x6027;&#x8BBE;&#x7F6E;&#x4E3A; false&#xFF08;&#x6307;&#x793A;&#x5B9A;&#x4F4D;&#x5DF2;&#x7ED3;&#x675F;&#xFF09;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onseeking</td>
<td>&#x5F53; seeking &#x5C5E;&#x6027;&#x8BBE;&#x7F6E;&#x4E3A; true&#xFF08;&#x6307;&#x793A;&#x5B9A;&#x4F4D;&#x662F;&#x6D3B;&#x52A8;&#x7684;&#xFF09;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onstalled</td>
<td>&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x4E0D;&#x8BBA;&#x4F55;&#x79CD;&#x539F;&#x56E0;&#x672A;&#x80FD;&#x53D6;&#x56DE;&#x5A92;&#x4ECB;&#x6570;&#x636E;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onsuspend</td>
<td>&#x5728;&#x5A92;&#x4ECB;&#x6570;&#x636E;&#x5B8C;&#x5168;&#x52A0;&#x8F7D;&#x4E4B;&#x524D;&#x4E0D;&#x8BBA;&#x4F55;&#x79CD;&#x539F;&#x56E0;&#x7EC8;&#x6B62;&#x53D6;&#x56DE;&#x5A92;&#x4ECB;&#x6570;&#x636E;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>ontimeupdate</td>
<td>&#x5F53;&#x64AD;&#x653E;&#x4F4D;&#x7F6E;&#x6539;&#x53D8;&#x65F6;&#xFF08;&#x6BD4;&#x5982;&#x5F53;&#x7528;&#x6237;&#x5FEB;&#x8FDB;&#x5230;&#x5A92;&#x4ECB;&#x4E2D;&#x4E00;&#x4E2A;&#x4E0D;&#x540C;&#x7684;&#x4F4D;&#x7F6E;&#x65F6;&#xFF09;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onvolumechange</td>
<td>&#x6BCF;&#x5F53;&#x97F3;&#x91CF;&#x6539;&#x53D8;&#x65F6;&#xFF08;&#x5305;&#x62EC;&#x5C06;&#x97F3;&#x91CF;&#x8BBE;&#x7F6E;&#x4E3A;&#x9759;&#x97F3;&#xFF09;&#x65F6;&#x8FD0;&#x884C;&#x7684;&#x811A;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>onwaiting</td>
<td>&#x5F53;&#x5A92;&#x4ECB;&#x5DF2;&#x505C;&#x6B62;&#x64AD;&#x653E;&#x4F46;&#x6253;&#x7B97;&#x7EE7;&#x7EED;&#x64AD;&#x653E;&#x65F6;&#xFF08;&#x6BD4;&#x5982;&#x5F53;&#x5A92;&#x4ECB;&#x6682;&#x505C;&#x5DF2;&#x7F13;&#x51B2;&#x66F4;&#x591A;&#x6570;&#x636E;&#xFF09;&#x8FD0;&#x884C;&#x811A;&#x672C;</td>
</tr>
</tbody>
</table>
<h2 id="html-5-&#x89C6;&#x9891;&#x97F3;&#x9891;-api"><a name="html-5-&#x89C6;&#x9891;&#x97F3;&#x9891;-api" class="anchor-navigation-ex-anchor" href="#html-5-&#x89C6;&#x9891;&#x97F3;&#x9891;-api"><i class="fa fa-link" aria-hidden="true"></i></a>1.4. HTML 5 &#x89C6;&#x9891;/&#x97F3;&#x9891; API</h2>
<pre><code class="lang-text">HTML5 DOM &#x4E3A; &lt;audio&gt; &#x548C; &lt;video&gt; &#x5143;&#x7D20;&#x63D0;&#x4F9B;&#x4E86;&#x65B9;&#x6CD5;&#x3001;&#x5C5E;&#x6027;&#x548C;&#x4E8B;&#x4EF6;&#x3002; 
&#x8FD9;&#x4E9B;&#x65B9;&#x6CD5;&#x3001;&#x5C5E;&#x6027;&#x548C;&#x4E8B;&#x4EF6;&#x5141;&#x8BB8;&#x4F60;&#x4F7F;&#x7528; JavaScript &#x6765;&#x64CD;&#x4F5C; &lt;audio&gt; &#x548C; &lt;video&gt; &#x5143;&#x7D20;&#x3002;
</code></pre>
<h3 id="html5-audiovideo-&#x5C5E;&#x6027;"><a name="html5-audiovideo-&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#html5-audiovideo-&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>1.4.1. HTML5 Audio/Video &#x5C5E;&#x6027;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>audioTracks</td>
<td>&#x8FD4;&#x56DE;&#x8868;&#x793A;&#x53EF;&#x7528;&#x97F3;&#x8F68;&#x7684; AudioTrackList &#x5BF9;&#x8C61;</td>
</tr>
<tr>
<td>autoplay</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x662F;&#x5426;&#x5728;&#x52A0;&#x8F7D;&#x5B8C;&#x6210;&#x540E;&#x968F;&#x5373;&#x64AD;&#x653E;&#x97F3;&#x9891;/&#x89C6;&#x9891;</td>
</tr>
<tr>
<td>buffered</td>
<td>&#x8FD4;&#x56DE;&#x8868;&#x793A;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x5DF2;&#x7F13;&#x51B2;&#x90E8;&#x5206;&#x7684; TimeRanges &#x5BF9;&#x8C61;</td>
</tr>
<tr>
<td>controller</td>
<td>&#x8FD4;&#x56DE;&#x8868;&#x793A;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x5F53;&#x524D;&#x5A92;&#x4F53;&#x63A7;&#x5236;&#x5668;&#x7684; MediaController &#x5BF9;&#x8C61;</td>
</tr>
<tr>
<td>controls</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x662F;&#x5426;&#x663E;&#x793A;&#x63A7;&#x4EF6;&#xFF08;&#x6BD4;&#x5982;&#x64AD;&#x653E;/&#x6682;&#x505C;&#x7B49;&#xFF09;</td>
</tr>
<tr>
<td>crossOrigin</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x7684; CORS &#x8BBE;&#x7F6E;</td>
</tr>
<tr>
<td>currentSrc</td>
<td>&#x8FD4;&#x56DE;&#x5F53;&#x524D;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x7684; URL</td>
</tr>
<tr>
<td>currentTime</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x4E2D;&#x7684;&#x5F53;&#x524D;&#x64AD;&#x653E;&#x4F4D;&#x7F6E;&#xFF08;&#x4EE5;&#x79D2;&#x8BA1;&#xFF09;</td>
</tr>
<tr>
<td>defaultMuted</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x9ED8;&#x8BA4;&#x662F;&#x5426;&#x9759;&#x97F3;</td>
</tr>
<tr>
<td>defaultPlaybackRate</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x7684;&#x9ED8;&#x8BA4;&#x64AD;&#x653E;&#x901F;&#x5EA6;</td>
</tr>
<tr>
<td>duration</td>
<td>&#x8FD4;&#x56DE;&#x5F53;&#x524D;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x7684;&#x957F;&#x5EA6;&#xFF08;&#x4EE5;&#x79D2;&#x8BA1;&#xFF09;</td>
</tr>
<tr>
<td>ended</td>
<td>&#x8FD4;&#x56DE;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x7684;&#x64AD;&#x653E;&#x662F;&#x5426;&#x5DF2;&#x7ED3;&#x675F;</td>
</tr>
<tr>
<td>error</td>
<td>&#x8FD4;&#x56DE;&#x8868;&#x793A;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x9519;&#x8BEF;&#x72B6;&#x6001;&#x7684; MediaError &#x5BF9;&#x8C61;</td>
</tr>
<tr>
<td>loop</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x662F;&#x5426;&#x5E94;&#x5728;&#x7ED3;&#x675F;&#x65F6;&#x91CD;&#x65B0;&#x64AD;&#x653E;</td>
</tr>
<tr>
<td>mediaGroup</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x6240;&#x5C5E;&#x7684;&#x7EC4;&#x5408;&#xFF08;&#x7528;&#x4E8E;&#x8FDE;&#x63A5;&#x591A;&#x4E2A;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x5143;&#x7D20;&#xFF09;</td>
</tr>
<tr>
<td>muted</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x662F;&#x5426;&#x9759;&#x97F3;</td>
</tr>
<tr>
<td>networkState</td>
<td>&#x8FD4;&#x56DE;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x7684;&#x5F53;&#x524D;&#x7F51;&#x7EDC;&#x72B6;&#x6001;</td>
</tr>
<tr>
<td>paused</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x662F;&#x5426;&#x6682;&#x505C;</td>
</tr>
<tr>
<td>playbackRate</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x64AD;&#x653E;&#x7684;&#x901F;&#x5EA6;</td>
</tr>
<tr>
<td>played</td>
<td>&#x8FD4;&#x56DE;&#x8868;&#x793A;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x5DF2;&#x64AD;&#x653E;&#x90E8;&#x5206;&#x7684; TimeRanges &#x5BF9;&#x8C61;</td>
</tr>
<tr>
<td>preload</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x662F;&#x5426;&#x5E94;&#x8BE5;&#x5728;&#x9875;&#x9762;&#x52A0;&#x8F7D;&#x540E;&#x8FDB;&#x884C;&#x52A0;&#x8F7D;</td>
</tr>
<tr>
<td>readyState</td>
<td>&#x8FD4;&#x56DE;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x5F53;&#x524D;&#x7684;&#x5C31;&#x7EEA;&#x72B6;&#x6001;</td>
</tr>
<tr>
<td>seekable</td>
<td>&#x8FD4;&#x56DE;&#x8868;&#x793A;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x53EF;&#x5BFB;&#x5740;&#x90E8;&#x5206;&#x7684; TimeRanges &#x5BF9;&#x8C61;</td>
</tr>
<tr>
<td>seeking</td>
<td>&#x8FD4;&#x56DE;&#x7528;&#x6237;&#x662F;&#x5426;&#x6B63;&#x5728;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x4E2D;&#x8FDB;&#x884C;&#x67E5;&#x627E;</td>
</tr>
<tr>
<td>src</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x5143;&#x7D20;&#x7684;&#x5F53;&#x524D;&#x6765;&#x6E90;</td>
</tr>
<tr>
<td>startDate</td>
<td>&#x8FD4;&#x56DE;&#x8868;&#x793A;&#x5F53;&#x524D;&#x65F6;&#x95F4;&#x504F;&#x79FB;&#x7684; Date &#x5BF9;&#x8C61;</td>
</tr>
<tr>
<td>textTracks</td>
<td>&#x8FD4;&#x56DE;&#x8868;&#x793A;&#x53EF;&#x7528;&#x6587;&#x672C;&#x8F68;&#x9053;&#x7684; TextTrackList &#x5BF9;&#x8C61;</td>
</tr>
<tr>
<td>videoTracks</td>
<td>&#x8FD4;&#x56DE;&#x8868;&#x793A;&#x53EF;&#x7528;&#x89C6;&#x9891;&#x8F68;&#x9053;&#x7684; VideoTrackList &#x5BF9;&#x8C61;</td>
</tr>
<tr>
<td>volume</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x7684;&#x97F3;&#x91CF;</td>
</tr>
</tbody>
</table>
<h3 id="html5-audiovideo-&#x65B9;&#x6CD5;"><a name="html5-audiovideo-&#x65B9;&#x6CD5;" class="anchor-navigation-ex-anchor" href="#html5-audiovideo-&#x65B9;&#x6CD5;"><i class="fa fa-link" aria-hidden="true"></i></a>1.4.2. HTML5 Audio/Video &#x65B9;&#x6CD5;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>addTextTrack()</td>
<td>&#x5411;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x6DFB;&#x52A0;&#x65B0;&#x7684;&#x6587;&#x672C;&#x8F68;&#x9053;</td>
</tr>
<tr>
<td>canPlayType()</td>
<td>&#x68C0;&#x6D4B;&#x6D4F;&#x89C8;&#x5668;&#x662F;&#x5426;&#x80FD;&#x64AD;&#x653E;&#x6307;&#x5B9A;&#x7684;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x7C7B;&#x578B;</td>
</tr>
<tr>
<td>load()</td>
<td>&#x91CD;&#x65B0;&#x52A0;&#x8F7D;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x5143;&#x7D20;</td>
</tr>
<tr>
<td>play()</td>
<td>&#x5F00;&#x59CB;&#x64AD;&#x653E;&#x97F3;&#x9891;/&#x89C6;&#x9891;</td>
</tr>
<tr>
<td>pause()</td>
<td>&#x6682;&#x505C;&#x5F53;&#x524D;&#x64AD;&#x653E;&#x7684;&#x97F3;&#x9891;/&#x89C6;&#x9891;</td>
</tr>
</tbody>
</table>
<p><br> HTML5 Audio/Video &#x4E8B;&#x4EF6;
&#x540D;&#x5B57; | &#x8BF4;&#x660E;
-|-
abort    | &#x5F53;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x7684;&#x52A0;&#x8F7D;&#x5DF2;&#x653E;&#x5F03;&#x65F6;
canplay    | &#x5F53;&#x6D4F;&#x89C8;&#x5668;&#x53EF;&#x4EE5;&#x64AD;&#x653E;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x65F6;
canplaythrough    | &#x5F53;&#x6D4F;&#x89C8;&#x5668;&#x53EF;&#x5728;&#x4E0D;&#x56E0;&#x7F13;&#x51B2;&#x800C;&#x505C;&#x987F;&#x7684;&#x60C5;&#x51B5;&#x4E0B;&#x8FDB;&#x884C;&#x64AD;&#x653E;&#x65F6;
durationchange    | &#x5F53;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x7684;&#x65F6;&#x957F;&#x5DF2;&#x66F4;&#x6539;&#x65F6;
emptied    | &#x5F53;&#x76EE;&#x524D;&#x7684;&#x64AD;&#x653E;&#x5217;&#x8868;&#x4E3A;&#x7A7A;&#x65F6;
ended|     &#x5F53;&#x76EE;&#x524D;&#x7684;&#x64AD;&#x653E;&#x5217;&#x8868;&#x5DF2;&#x7ED3;&#x675F;&#x65F6;
error    | &#x5F53;&#x5728;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x52A0;&#x8F7D;&#x671F;&#x95F4;&#x53D1;&#x751F;&#x9519;&#x8BEF;&#x65F6;
loadeddata|     &#x5F53;&#x6D4F;&#x89C8;&#x5668;&#x5DF2;&#x52A0;&#x8F7D;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x7684;&#x5F53;&#x524D;&#x5E27;&#x65F6;
loadedmetadata    | &#x5F53;&#x6D4F;&#x89C8;&#x5668;&#x5DF2;&#x52A0;&#x8F7D;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x7684;&#x5143;&#x6570;&#x636E;&#x65F6;
loadstart    | &#x5F53;&#x6D4F;&#x89C8;&#x5668;&#x5F00;&#x59CB;&#x67E5;&#x627E;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x65F6;
pause    | &#x5F53;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x5DF2;&#x6682;&#x505C;&#x65F6;
play    | &#x5F53;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x5DF2;&#x5F00;&#x59CB;&#x6216;&#x4E0D;&#x518D;&#x6682;&#x505C;&#x65F6;
playing    | &#x5F53;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x5728;&#x5DF2;&#x56E0;&#x7F13;&#x51B2;&#x800C;&#x6682;&#x505C;&#x6216;&#x505C;&#x6B62;&#x540E;&#x5DF2;&#x5C31;&#x7EEA;&#x65F6;
progress|     &#x5F53;&#x6D4F;&#x89C8;&#x5668;&#x6B63;&#x5728;&#x4E0B;&#x8F7D;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x65F6;
ratechange|     &#x5F53;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x7684;&#x64AD;&#x653E;&#x901F;&#x5EA6;&#x5DF2;&#x66F4;&#x6539;&#x65F6;
seeked    | &#x5F53;&#x7528;&#x6237;&#x5DF2;&#x79FB;&#x52A8;/&#x8DF3;&#x8DC3;&#x5230;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x4E2D;&#x7684;&#x65B0;&#x4F4D;&#x7F6E;&#x65F6;
seeking    | &#x5F53;&#x7528;&#x6237;&#x5F00;&#x59CB;&#x79FB;&#x52A8;/&#x8DF3;&#x8DC3;&#x5230;&#x97F3;&#x9891;/&#x89C6;&#x9891;&#x4E2D;&#x7684;&#x65B0;&#x4F4D;&#x7F6E;&#x65F6;
stalled    | &#x5F53;&#x6D4F;&#x89C8;&#x5668;&#x5C1D;&#x8BD5;&#x83B7;&#x53D6;&#x5A92;&#x4F53;&#x6570;&#x636E;&#xFF0C;&#x4F46;&#x6570;&#x636E;&#x4E0D;&#x53EF;&#x7528;&#x65F6;
suspend    | &#x5F53;&#x6D4F;&#x89C8;&#x5668;&#x523B;&#x610F;&#x4E0D;&#x83B7;&#x53D6;&#x5A92;&#x4F53;&#x6570;&#x636E;&#x65F6;
timeupdate|     &#x5F53;&#x76EE;&#x524D;&#x7684;&#x64AD;&#x653E;&#x4F4D;&#x7F6E;&#x5DF2;&#x66F4;&#x6539;&#x65F6;
volumechange    | &#x5F53;&#x97F3;&#x91CF;&#x5DF2;&#x66F4;&#x6539;&#x65F6;
waiting    | &#x5F53;&#x89C6;&#x9891;&#x7531;&#x4E8E;&#x9700;&#x8981;&#x7F13;&#x51B2;&#x4E0B;&#x4E00;&#x5E27;&#x800C;&#x505C;&#x6B62;</p>
<h2 id="html-5-canvas-api"><a name="html-5-canvas-api" class="anchor-navigation-ex-anchor" href="#html-5-canvas-api"><i class="fa fa-link" aria-hidden="true"></i></a>1.5. HTML 5 Canvas API</h2>
<pre><code class="lang-text">HTML5 &lt;canvas&gt; &#x6807;&#x7B7E;&#x7528;&#x4E8E;&#x7ED8;&#x5236;&#x56FE;&#x50CF; &#xFF0C;&#x7528;JavaScript&#x7B49;&#x811A;&#x672C; &#x3002;
canvas&#x4EC5;&#x4EC5;&#x662F;&#x56FE;&#x5F62;&#x7684;&#x5BB9;&#x5668; &#xFF0C;&#x4F60;&#x5FC5;&#x987B;&#x4F7F;&#x7528;&#x811A;&#x672C;&#x6765;&#x5B8C;&#x6210;&#x5B9E;&#x9645;&#x7684;&#x7ED8;&#x56FE;&#x4EFB;&#x52A1;&#x3002;
Internet Explorer 8 &#x4EE5;&#x53CA;&#x66F4;&#x65E9;&#x7684;&#x7248;&#x672C;&#x4E0D;&#x652F;&#x6301; &lt;canvas&gt; &#x5143;&#x7D20;&#x3002;
</code></pre>
<h3 id="&#x989C;&#x8272;&#x3001;&#x6837;&#x5F0F;&#x548C;&#x9634;&#x5F71;"><a name="&#x989C;&#x8272;&#x3001;&#x6837;&#x5F0F;&#x548C;&#x9634;&#x5F71;" class="anchor-navigation-ex-anchor" href="#&#x989C;&#x8272;&#x3001;&#x6837;&#x5F0F;&#x548C;&#x9634;&#x5F71;"><i class="fa fa-link" aria-hidden="true"></i></a>1.5.1. &#x989C;&#x8272;&#x3001;&#x6837;&#x5F0F;&#x548C;&#x9634;&#x5F71;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>fillStyle</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x7528;&#x4E8E;&#x586B;&#x5145;&#x7ED8;&#x753B;&#x7684;&#x989C;&#x8272;&#x3001;&#x6E10;&#x53D8;&#x6216;&#x6A21;&#x5F0F;</td>
</tr>
<tr>
<td>strokeStyle</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x7528;&#x4E8E;&#x7B14;&#x89E6;&#x7684;&#x989C;&#x8272;&#x3001;&#x6E10;&#x53D8;&#x6216;&#x6A21;&#x5F0F;</td>
</tr>
<tr>
<td>shadowColor</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x7528;&#x4E8E;&#x9634;&#x5F71;&#x7684;&#x989C;&#x8272;</td>
</tr>
<tr>
<td>shadowBlur</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x7528;&#x4E8E;&#x9634;&#x5F71;&#x7684;&#x6A21;&#x7CCA;&#x7EA7;&#x522B;</td>
</tr>
<tr>
<td>shadowOffsetX</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x9634;&#x5F71;&#x8DDD;&#x5F62;&#x72B6;&#x7684;&#x6C34;&#x5E73;&#x8DDD;&#x79BB;</td>
</tr>
<tr>
<td>shadowOffsetY</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x9634;&#x5F71;&#x8DDD;&#x5F62;&#x72B6;&#x7684;&#x5782;&#x76F4;&#x8DDD;&#x79BB;</td>
</tr>
<tr>
<td>createLinearGradient()</td>
<td>&#x521B;&#x5EFA;&#x7EBF;&#x6027;&#x6E10;&#x53D8;&#xFF08;&#x7528;&#x5728;&#x753B;&#x5E03;&#x5185;&#x5BB9;&#x4E0A;&#xFF09;</td>
</tr>
<tr>
<td>createPattern()</td>
<td>&#x5728;&#x6307;&#x5B9A;&#x7684;&#x65B9;&#x5411;&#x4E0A;&#x91CD;&#x590D;&#x6307;&#x5B9A;&#x7684;&#x5143;&#x7D20;</td>
</tr>
<tr>
<td>createRadialGradient()</td>
<td>&#x521B;&#x5EFA;&#x653E;&#x5C04;&#x72B6;/&#x73AF;&#x5F62;&#x7684;&#x6E10;&#x53D8;&#xFF08;&#x7528;&#x5728;&#x753B;&#x5E03;&#x5185;&#x5BB9;&#x4E0A;&#xFF09;</td>
</tr>
<tr>
<td>addColorStop()</td>
<td>&#x89C4;&#x5B9A;&#x6E10;&#x53D8;&#x5BF9;&#x8C61;&#x4E2D;&#x7684;&#x989C;&#x8272;&#x548C;&#x505C;&#x6B62;&#x4F4D;&#x7F6E;</td>
</tr>
</tbody>
</table>
<h3 id="&#x7EBF;&#x6761;&#x6837;&#x5F0F;"><a name="&#x7EBF;&#x6761;&#x6837;&#x5F0F;" class="anchor-navigation-ex-anchor" href="#&#x7EBF;&#x6761;&#x6837;&#x5F0F;"><i class="fa fa-link" aria-hidden="true"></i></a>1.5.2. &#x7EBF;&#x6761;&#x6837;&#x5F0F;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>lineCap</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x7EBF;&#x6761;&#x7684;&#x7ED3;&#x675F;&#x7AEF;&#x70B9;&#x6837;&#x5F0F;</td>
</tr>
<tr>
<td>lineJoin</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x4E24;&#x6761;&#x7EBF;&#x76F8;&#x4EA4;&#x65F6;&#xFF0C;&#x6240;&#x521B;&#x5EFA;&#x7684;&#x62D0;&#x89D2;&#x7C7B;&#x578B;</td>
</tr>
<tr>
<td>lineWidth</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x5F53;&#x524D;&#x7684;&#x7EBF;&#x6761;&#x5BBD;&#x5EA6;</td>
</tr>
<tr>
<td>miterLimit</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x6700;&#x5927;&#x659C;&#x63A5;&#x957F;&#x5EA6;</td>
</tr>
</tbody>
</table>
<h3 id="&#x77E9;&#x5F62;"><a name="&#x77E9;&#x5F62;" class="anchor-navigation-ex-anchor" href="#&#x77E9;&#x5F62;"><i class="fa fa-link" aria-hidden="true"></i></a>1.5.3. &#x77E9;&#x5F62;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>rect()</td>
<td>&#x521B;&#x5EFA;&#x77E9;&#x5F62;</td>
</tr>
<tr>
<td>fillRect()</td>
<td>&#x7ED8;&#x5236;&#x201C;&#x88AB;&#x586B;&#x5145;&#x201D;&#x7684;&#x77E9;&#x5F62;</td>
</tr>
<tr>
<td>strokeRect()</td>
<td>&#x7ED8;&#x5236;&#x77E9;&#x5F62;&#xFF08;&#x65E0;&#x586B;&#x5145;&#xFF09;</td>
</tr>
<tr>
<td>clearRect()</td>
<td>&#x5728;&#x7ED9;&#x5B9A;&#x7684;&#x77E9;&#x5F62;&#x5185;&#x6E05;&#x9664;&#x6307;&#x5B9A;&#x7684;&#x50CF;&#x7D20;</td>
</tr>
</tbody>
</table>
<h3 id="&#x8DEF;&#x5F84;"><a name="&#x8DEF;&#x5F84;" class="anchor-navigation-ex-anchor" href="#&#x8DEF;&#x5F84;"><i class="fa fa-link" aria-hidden="true"></i></a>1.5.4. &#x8DEF;&#x5F84;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>fill()</td>
<td>&#x586B;&#x5145;&#x5F53;&#x524D;&#x7ED8;&#x56FE;&#xFF08;&#x8DEF;&#x5F84;&#xFF09;</td>
</tr>
<tr>
<td>stroke()</td>
<td>&#x7ED8;&#x5236;&#x5DF2;&#x5B9A;&#x4E49;&#x7684;&#x8DEF;&#x5F84;</td>
</tr>
<tr>
<td>beginPath()</td>
<td>&#x8D77;&#x59CB;&#x4E00;&#x6761;&#x8DEF;&#x5F84;&#xFF0C;&#x6216;&#x91CD;&#x7F6E;&#x5F53;&#x524D;&#x8DEF;&#x5F84;</td>
</tr>
<tr>
<td>moveTo()</td>
<td>&#x628A;&#x8DEF;&#x5F84;&#x79FB;&#x52A8;&#x5230;&#x753B;&#x5E03;&#x4E2D;&#x7684;&#x6307;&#x5B9A;&#x70B9;&#xFF0C;&#x4E0D;&#x521B;&#x5EFA;&#x7EBF;&#x6761;</td>
</tr>
<tr>
<td>closePath()</td>
<td>&#x521B;&#x5EFA;&#x4ECE;&#x5F53;&#x524D;&#x70B9;&#x56DE;&#x5230;&#x8D77;&#x59CB;&#x70B9;&#x7684;&#x8DEF;&#x5F84;</td>
</tr>
<tr>
<td>lineTo()</td>
<td>&#x6DFB;&#x52A0;&#x4E00;&#x4E2A;&#x65B0;&#x70B9;&#xFF0C;&#x7136;&#x540E;&#x5728;&#x753B;&#x5E03;&#x4E2D;&#x521B;&#x5EFA;&#x4ECE;&#x8BE5;&#x70B9;&#x5230;&#x6700;&#x540E;&#x6307;&#x5B9A;&#x70B9;&#x7684;&#x7EBF;&#x6761;</td>
</tr>
<tr>
<td>clip()</td>
<td>&#x4ECE;&#x539F;&#x59CB;&#x753B;&#x5E03;&#x526A;&#x5207;&#x4EFB;&#x610F;&#x5F62;&#x72B6;&#x548C;&#x5C3A;&#x5BF8;&#x7684;&#x533A;&#x57DF;</td>
</tr>
<tr>
<td>quadraticCurveTo()</td>
<td>&#x521B;&#x5EFA;&#x4E8C;&#x6B21;&#x8D1D;&#x585E;&#x5C14;&#x66F2;&#x7EBF;</td>
</tr>
<tr>
<td>bezierCurveTo()</td>
<td>&#x521B;&#x5EFA;&#x4E09;&#x6B21;&#x65B9;&#x8D1D;&#x585E;&#x5C14;&#x66F2;&#x7EBF;</td>
</tr>
<tr>
<td>arc()</td>
<td>&#x521B;&#x5EFA;&#x5F27;/&#x66F2;&#x7EBF;&#xFF08;&#x7528;&#x4E8E;&#x521B;&#x5EFA;&#x5706;&#x5F62;&#x6216;&#x90E8;&#x5206;&#x5706;&#xFF09;</td>
</tr>
<tr>
<td>arcTo()</td>
<td>&#x521B;&#x5EFA;&#x4E24;&#x5207;&#x7EBF;&#x4E4B;&#x95F4;&#x7684;&#x5F27;/&#x66F2;&#x7EBF;</td>
</tr>
<tr>
<td>isPointInPath()</td>
<td>&#x5982;&#x679C;&#x6307;&#x5B9A;&#x7684;&#x70B9;&#x4F4D;&#x4E8E;&#x5F53;&#x524D;&#x8DEF;&#x5F84;&#x4E2D;&#xFF0C;&#x5219;&#x8FD4;&#x56DE; true&#xFF0C;&#x5426;&#x5219;&#x8FD4;&#x56DE; false</td>
</tr>
</tbody>
</table>
<h3 id="&#x8F6C;&#x6362;"><a name="&#x8F6C;&#x6362;" class="anchor-navigation-ex-anchor" href="#&#x8F6C;&#x6362;"><i class="fa fa-link" aria-hidden="true"></i></a>1.5.5. &#x8F6C;&#x6362;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>scale()</td>
<td>&#x7F29;&#x653E;&#x5F53;&#x524D;&#x7ED8;&#x56FE;&#x81F3;&#x66F4;&#x5927;&#x6216;&#x66F4;&#x5C0F;</td>
</tr>
<tr>
<td>rotate()</td>
<td>&#x65CB;&#x8F6C;&#x5F53;&#x524D;&#x7ED8;&#x56FE;</td>
</tr>
<tr>
<td>translate()</td>
<td>&#x91CD;&#x65B0;&#x6620;&#x5C04;&#x753B;&#x5E03;&#x4E0A;&#x7684; (0,0) &#x4F4D;&#x7F6E;</td>
</tr>
<tr>
<td>transform()</td>
<td>&#x66FF;&#x6362;&#x7ED8;&#x56FE;&#x7684;&#x5F53;&#x524D;&#x8F6C;&#x6362;&#x77E9;&#x9635;</td>
</tr>
<tr>
<td>setTransform()</td>
<td>&#x5C06;&#x5F53;&#x524D;&#x8F6C;&#x6362;&#x91CD;&#x7F6E;&#x4E3A;&#x5355;&#x4F4D;&#x77E9;&#x9635;&#x3002;&#x7136;&#x540E;&#x8FD0;&#x884C; transform()</td>
</tr>
</tbody>
</table>
<h3 id="&#x6587;&#x672C;"><a name="&#x6587;&#x672C;" class="anchor-navigation-ex-anchor" href="#&#x6587;&#x672C;"><i class="fa fa-link" aria-hidden="true"></i></a>1.5.6. &#x6587;&#x672C;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>font</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x6587;&#x672C;&#x5185;&#x5BB9;&#x7684;&#x5F53;&#x524D;&#x5B57;&#x4F53;&#x5C5E;&#x6027;</td>
</tr>
<tr>
<td>textAlign</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x6587;&#x672C;&#x5185;&#x5BB9;&#x7684;&#x5F53;&#x524D;&#x5BF9;&#x9F50;&#x65B9;&#x5F0F;</td>
</tr>
<tr>
<td>textBaseline</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x5728;&#x7ED8;&#x5236;&#x6587;&#x672C;&#x65F6;&#x4F7F;&#x7528;&#x7684;&#x5F53;&#x524D;&#x6587;&#x672C;&#x57FA;&#x7EBF;</td>
</tr>
<tr>
<td>fillText()</td>
<td>&#x5728;&#x753B;&#x5E03;&#x4E0A;&#x7ED8;&#x5236;&#x201C;&#x88AB;&#x586B;&#x5145;&#x7684;&#x201D;&#x6587;&#x672C;</td>
</tr>
<tr>
<td>strokeText()</td>
<td>&#x5728;&#x753B;&#x5E03;&#x4E0A;&#x7ED8;&#x5236;&#x6587;&#x672C;&#xFF08;&#x65E0;&#x586B;&#x5145;&#xFF09;</td>
</tr>
<tr>
<td>measureText()</td>
<td>&#x8FD4;&#x56DE;&#x5305;&#x542B;&#x6307;&#x5B9A;&#x6587;&#x672C;&#x5BBD;&#x5EA6;&#x7684;&#x5BF9;&#x8C61;</td>
</tr>
</tbody>
</table>
<h3 id="&#x56FE;&#x50CF;&#x7ED8;&#x5236;"><a name="&#x56FE;&#x50CF;&#x7ED8;&#x5236;" class="anchor-navigation-ex-anchor" href="#&#x56FE;&#x50CF;&#x7ED8;&#x5236;"><i class="fa fa-link" aria-hidden="true"></i></a>1.5.7. &#x56FE;&#x50CF;&#x7ED8;&#x5236;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>drawImage()</td>
<td>&#x5411;&#x753B;&#x5E03;&#x4E0A;&#x7ED8;&#x5236;&#x56FE;&#x50CF;&#x3001;&#x753B;&#x5E03;&#x6216;&#x89C6;&#x9891;</td>
</tr>
</tbody>
</table>
<h3 id="&#x50CF;&#x7D20;&#x64CD;&#x4F5C;"><a name="&#x50CF;&#x7D20;&#x64CD;&#x4F5C;" class="anchor-navigation-ex-anchor" href="#&#x50CF;&#x7D20;&#x64CD;&#x4F5C;"><i class="fa fa-link" aria-hidden="true"></i></a>1.5.8. &#x50CF;&#x7D20;&#x64CD;&#x4F5C;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>width</td>
<td>&#x8FD4;&#x56DE; ImageData &#x5BF9;&#x8C61;&#x7684;&#x5BBD;&#x5EA6;</td>
</tr>
<tr>
<td>height</td>
<td>&#x8FD4;&#x56DE; ImageData &#x5BF9;&#x8C61;&#x7684;&#x9AD8;&#x5EA6;</td>
</tr>
<tr>
<td>data</td>
<td>&#x8FD4;&#x56DE;&#x4E00;&#x4E2A;&#x5BF9;&#x8C61;&#xFF0C;&#x5176;&#x5305;&#x542B;&#x6307;&#x5B9A;&#x7684; ImageData &#x5BF9;&#x8C61;&#x7684;&#x56FE;&#x50CF;&#x6570;&#x636E;</td>
</tr>
<tr>
<td>createImageData()</td>
<td>&#x521B;&#x5EFA;&#x65B0;&#x7684;&#x3001;&#x7A7A;&#x767D;&#x7684; ImageData &#x5BF9;&#x8C61;</td>
</tr>
<tr>
<td>getImageData()</td>
<td>&#x8FD4;&#x56DE; ImageData &#x5BF9;&#x8C61;&#xFF0C;&#x8BE5;&#x5BF9;&#x8C61;&#x4E3A;&#x753B;&#x5E03;&#x4E0A;&#x6307;&#x5B9A;&#x7684;&#x77E9;&#x5F62;&#x590D;&#x5236;&#x50CF;&#x7D20;&#x6570;&#x636E;</td>
</tr>
<tr>
<td>putImageData()</td>
<td>&#x628A;&#x56FE;&#x50CF;&#x6570;&#x636E;&#xFF08;&#x4ECE;&#x6307;&#x5B9A;&#x7684; ImageData &#x5BF9;&#x8C61;&#xFF09;&#x653E;&#x56DE;&#x753B;&#x5E03;&#x4E0A;</td>
</tr>
</tbody>
</table>
<h3 id="&#x5408;&#x6210;"><a name="&#x5408;&#x6210;" class="anchor-navigation-ex-anchor" href="#&#x5408;&#x6210;"><i class="fa fa-link" aria-hidden="true"></i></a>1.5.9. &#x5408;&#x6210;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>globalAlpha</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x7ED8;&#x56FE;&#x7684;&#x5F53;&#x524D; alpha &#x6216;&#x900F;&#x660E;&#x503C;</td>
</tr>
<tr>
<td>globalCompositeOperation</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x8FD4;&#x56DE;&#x65B0;&#x56FE;&#x50CF;&#x5982;&#x4F55;&#x7ED8;&#x5236;&#x5230;&#x5DF2;&#x6709;&#x7684;&#x56FE;&#x50CF;&#x4E0A;</td>
</tr>
</tbody>
</table>
<h3 id="&#x5176;&#x4ED6;"><a name="&#x5176;&#x4ED6;" class="anchor-navigation-ex-anchor" href="#&#x5176;&#x4ED6;"><i class="fa fa-link" aria-hidden="true"></i></a>1.5.10. &#x5176;&#x4ED6;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>save()</td>
<td>&#x4FDD;&#x5B58;&#x5F53;&#x524D;&#x73AF;&#x5883;&#x7684;&#x72B6;&#x6001;</td>
</tr>
<tr>
<td>restore()</td>
<td>&#x8FD4;&#x56DE;&#x4E4B;&#x524D;&#x4FDD;&#x5B58;&#x8FC7;&#x7684;&#x8DEF;&#x5F84;&#x72B6;&#x6001;&#x548C;&#x5C5E;&#x6027;</td>
</tr>
<tr>
<td>createEvent()</td>
<td></td>
</tr>
<tr>
<td>getContext()</td>
<td></td>
</tr>
<tr>
<td>toDataURL()</td>
<td></td>
</tr>
</tbody>
</table>
<h1 id="js"><a name="js" class="anchor-navigation-ex-anchor" href="#js"><i class="fa fa-link" aria-hidden="true"></i></a>2. js</h1>
<pre><code class="lang-text">&#x662F;&#x4E00;&#x79CD;&#x52A8;&#x6001;&#x7C7B;&#x578B;&#x8BED;&#x8A00;&#xFF0C;&#x53D8;&#x91CF;&#x6CA1;&#x6709;&#x7C7B;&#x578B;&#x9650;&#x5236;&#x3002;
&#x53D8;&#x91CF;&#x7684;&#x7C7B;&#x578B;&#x6CA1;&#x6CD5;&#x5728;&#x7F16;&#x8BD1;&#x9636;&#x6BB5;&#x5C31;&#x77E5;&#x9053;&#xFF0C;&#x5FC5;&#x987B;&#x7B49;&#x5230;&#x8FD0;&#x884C;&#x65F6;&#x624D;&#x80FD;&#x77E5;&#x9053;&#x3002;
&#x5404;&#x79CD;&#x8FD0;&#x7B97;&#x7B26;&#x5BF9;&#x6570;&#x636E;&#x7C7B;&#x578B;&#x662F;&#x6709;&#x8981;&#x6C42;&#x7684;&#x3002;
&#x5982;&#x679C;&#x8FD0;&#x7B97;&#x7B26;&#x53D1;&#x73B0;&#xFF0C;&#x8FD0;&#x7B97;&#x5B50;&#x7684;&#x7C7B;&#x578B;&#x4E0E;&#x9884;&#x671F;&#x4E0D;&#x7B26;&#xFF0C;&#x5C31;&#x4F1A;&#x81EA;&#x52A8;&#x8F6C;&#x6362;&#x7C7B;&#x578B;&#x3002;
</code></pre>
<h2 id="js&#x4E25;&#x683C;&#x6A21;&#x5F0F;"><a name="js&#x4E25;&#x683C;&#x6A21;&#x5F0F;" class="anchor-navigation-ex-anchor" href="#js&#x4E25;&#x683C;&#x6A21;&#x5F0F;"><i class="fa fa-link" aria-hidden="true"></i></a>2.1. js&#x4E25;&#x683C;&#x6A21;&#x5F0F;</h2>
<p>ECMAscript 5&#x6DFB;&#x52A0;&#x4E86;&#x201C;&#x4E25;&#x683C;&#x6A21;&#x5F0F;&#x201D;&#x3002; 
&#x8FD9;&#x79CD;&#x6A21;&#x5F0F;&#x4F7F;&#x5F97;JavaScript&#x5728;&#x66F4;&#x5408;&#x7406;&#xFF0C;&#x66F4;&#x5B89;&#x5168;&#x3001;&#x66F4;&#x4E25;&#x7981;&#x7684;&#x6761;&#x4EF6;&#x4E0B;&#x6267;&#x884C;&#x3002;</p>
<pre><code class="lang-text">//f1.js
&apos;use strice&apos;; //&#x6307;&#x660E;&#x4F7F;&#x7528; &#x4E25;&#x683C;&#x6A21;&#x5F0F;&#x8FD0;&#x884C;
</code></pre>
<h2 id="&#x6570;&#x636E;&#x7C7B;&#x578B;"><a name="&#x6570;&#x636E;&#x7C7B;&#x578B;" class="anchor-navigation-ex-anchor" href="#&#x6570;&#x636E;&#x7C7B;&#x578B;"><i class="fa fa-link" aria-hidden="true"></i></a>2.2. &#x6570;&#x636E;&#x7C7B;&#x578B;</h2>
<pre><code class="lang-text">// &#x6570;&#x503C;
&#x6574;&#x6570;&#x548C;&#x5C0F;&#x6570;&#xFF08;&#x6BD4;&#x5982;1&#x548C;3.14&#xFF09;
// &#x5B57;&#x7B26;&#x4E32;
&#x6BD4;&#x5982;Hello World
// &#x5E03;&#x5C14;&#x503C;
true&#x3001;false
// undefined
&#x8868;&#x793A;&#x201C;&#x672A;&#x5B9A;&#x4E49;&#x201D;&#x6216;&#x4E0D;&#x5B58;&#x5728;&#xFF0C;&#x5373;&#x7531;&#x4E8E;&#x76EE;&#x524D;&#x6CA1;&#x6709;&#x5B9A;&#x4E49;&#xFF0C;&#x6240;&#x4EE5;&#x6B64;&#x5904;&#x6682;&#x65F6;&#x6CA1;&#x6709;&#x4EFB;&#x4F55;&#x503C;
// null
&#x8868;&#x793A;&#x7A7A;&#x503C;&#xFF0C;&#x5373;&#x6B64;&#x5904;&#x7684;&#x503C;&#x4E3A;&#x7A7A;&#x3002;
// &#x5BF9;&#x8C61;
&#x53EF;&#x4EE5;&#x5206;&#x6210;&#x4E09;&#x4E2A;&#x5B50;&#x7C7B;&#x578B;&#x3002;&#x72ED;&#x4E49;&#x7684;&#x5BF9;&#x8C61;&#x3001;&#x6570;&#x7EC4;&#x3001;&#x51FD;&#x6570; &#x3002;
</code></pre>
<h2 id="&#x7C7B;&#x578B;&#x8F6C;&#x6362;"><a name="&#x7C7B;&#x578B;&#x8F6C;&#x6362;" class="anchor-navigation-ex-anchor" href="#&#x7C7B;&#x578B;&#x8F6C;&#x6362;"><i class="fa fa-link" aria-hidden="true"></i></a>2.3. &#x7C7B;&#x578B;&#x8F6C;&#x6362;</h2>
<p>&#x81EA;&#x52A8;&#x8F6C;&#x6362;&#x5177;&#x6709;&#x4E0D;&#x786E;&#x5B9A;&#x6027;&#xFF0C;&#x800C;&#x4E14;&#x4E0D;&#x6613;&#x9664;&#x9519;&#xFF0C;&#x5EFA;&#x8BAE;&#x5728;&#x9884;&#x671F;&#x4E3A;&#x5E03;&#x5C14;&#x503C;&#x3001;&#x6570;&#x503C;&#x3001;&#x5B57;&#x7B26;&#x4E32;&#x7684;&#x5730;&#x65B9;&#xFF0C;
&#x4F7F;&#x7528;Boolean&#x3001;Number&#x548C;String&#x51FD;&#x6570;&#x8FDB;&#x884C;&#x663E;&#x5F0F;&#x8F6C;&#x6362;&#x3002;</p>
<pre><code class="lang-text">//Number&#x51FD;&#x6570;&#x5F3A;&#x5236;&#x8F6C;&#x6362;
Number(324) // 324
Number(&apos;324&apos;) // 324
Number(&apos;324abc&apos;) // NaN
Number(&apos;&apos;) // 0
Number(true) // 1
Number(false) // 0
Number(undefined) // NaN
Number(null) // 0
Number({a: 1}) // NaN
Number([1, 2, 3]) // NaN
Number([5]) // 5
Number({}) // NaN
//String &#x51FD;&#x6570;&#x5F3A;&#x5236;&#x8F6C;&#x6362;
String(123) // &quot;123&quot;
String(&apos;abc&apos;) // &quot;abc&quot;
String(true) // &quot;true&quot;
String(undefined) // &quot;undefined&quot;
String(null) // &quot;null&quot;
String({a: 1}) // &quot;[object Object]&quot;
String([1, 2, 3]) // &quot;1,2,3&quot;
//Boolean &#x51FD;&#x6570;&#x5F3A;&#x5236;&#x8F6C;&#x6362;
Boolean(undefined) // false
Boolean(null) // false
Boolean(0) // false
Boolean(NaN) // false
Boolean(&apos;&apos;) // false
Boolean({}) // true
Boolean([]) // true
Boolean(new Boolean(false)) // true
</code></pre>
<h2 id="&#x53D8;&#x91CF;&#x63D0;&#x5347;"><a name="&#x53D8;&#x91CF;&#x63D0;&#x5347;" class="anchor-navigation-ex-anchor" href="#&#x53D8;&#x91CF;&#x63D0;&#x5347;"><i class="fa fa-link" aria-hidden="true"></i></a>2.4. &#x53D8;&#x91CF;&#x63D0;&#x5347;</h2>
<p>js &#x4E2D;&#xFF0C;&#x51FD;&#x6570;&#x53CA;&#x53D8;&#x91CF;&#x7684;&#x58F0;&#x660E;&#x90FD;&#x4F1A;&#x88AB;&#x7CFB;&#x7EDF;&#x63D0;&#x5347;&#x5230;&#x51FD;&#x6570;&#x7684;&#x6700;&#x9876;&#x90E8;&#x3002; 
&#x4E5F;&#x5C31;&#x662F;&#x8BF4;&#x53D8;&#x91CF;&#x53EF;&#x4EE5;&#x5148;&#x4F7F;&#x7528;&#x518D;&#x58F0;&#x660E;&#x3002;</p>
<pre><code class="lang-text">x = 5; // &#x5148;&#x4F7F;&#x7528;
var x; // &#x518D;&#x58F0;&#x660E;
</code></pre>
<h2 id="&#x533A;&#x5757;"><a name="&#x533A;&#x5757;" class="anchor-navigation-ex-anchor" href="#&#x533A;&#x5757;"><i class="fa fa-link" aria-hidden="true"></i></a>2.5. &#x533A;&#x5757;</h2>
<pre><code class="lang-text">&#x4F7F;&#x7528;&#x5927;&#x62EC;&#x53F7;&#xFF0C;&#x5C06;&#x591A;&#x4E2A;&#x76F8;&#x5173;&#x7684;&#x8BED;&#x53E5;&#x7EC4;&#x5408;&#x5728;&#x4E00;&#x8D77;&#xFF0C;&#x79F0;&#x4E3A;&#x201C;&#x533A;&#x5757;&#x201D; &#x3002;
&#x5BF9;&#x4E8E;var&#x547D;&#x4EE4;&#x6765;&#x8BF4;&#xFF0C;JavaScript &#x7684;&#x533A;&#x5757;&#x4E0D;&#x6784;&#x6210;&#x5355;&#x72EC;&#x7684;&#x4F5C;&#x7528;&#x57DF; &#x3002;
{
  var a = 1;
}
</code></pre>
<h2 id="&#x8868;&#x8FBE;&#x5F0F;&#x3001;&#x8BED;&#x53E5;"><a name="&#x8868;&#x8FBE;&#x5F0F;&#x3001;&#x8BED;&#x53E5;" class="anchor-navigation-ex-anchor" href="#&#x8868;&#x8FBE;&#x5F0F;&#x3001;&#x8BED;&#x53E5;"><i class="fa fa-link" aria-hidden="true"></i></a>2.6. &#x8868;&#x8FBE;&#x5F0F;&#x3001;&#x8BED;&#x53E5;</h2>
<p>JavaScript&#x4E2D;&#x7684;&#x8868;&#x8FBE;&#x5F0F;&#x548C;&#x8BED;&#x53E5;&#x662F;&#x6709;&#x533A;&#x522B;&#x7684;&#x3002; 
&#x4E00;&#x4E2A;&#x8868;&#x8FBE;&#x5F0F;&#x4F1A;&#x4EA7;&#x751F;&#x4E00;&#x4E2A;&#x503C; &#x3002;
&#x8BED;&#x53E5;&#x53EF;&#x4EE5;&#x7406;&#x89E3;&#x6210;&#x4E00;&#x4E2A;&#x884C;&#x4E3A;&#xFF0C;&#x5FAA;&#x73AF;&#x8BED;&#x53E5;&#x548C;if&#x8BED;&#x53E5;&#x5C31;&#x662F;&#x5178;&#x578B;&#x7684;&#x8BED;&#x53E5;&#x3002;</p>
<h2 id="&#x8FD0;&#x7B97;&#x7B26;"><a name="&#x8FD0;&#x7B97;&#x7B26;" class="anchor-navigation-ex-anchor" href="#&#x8FD0;&#x7B97;&#x7B26;"><i class="fa fa-link" aria-hidden="true"></i></a>2.7. &#x8FD0;&#x7B97;&#x7B26;</h2>
<pre><code class="lang-text">&#x6307;&#x6570;&#x8FD0;&#x7B97;&#x7B26;  **
2 ** 4 // 16
</code></pre>
<h2 id="&#x6BD4;&#x8F83;"><a name="&#x6BD4;&#x8F83;" class="anchor-navigation-ex-anchor" href="#&#x6BD4;&#x8F83;"><i class="fa fa-link" aria-hidden="true"></i></a>2.8. &#x6BD4;&#x8F83;</h2>
<pre><code class="lang-text">// ==
&#x4E24;&#x8FB9;&#x503C;&#x7C7B;&#x578B;&#x4E0D;&#x540C;&#x7684;&#x65F6;&#x5019;&#xFF0C;&#x5148;&#x8FDB;&#x884C;&#x7C7B;&#x578B;&#x8F6C;&#x6362;&#xFF0C;&#x518D;&#x6BD4;&#x8F83;&#xFF1B;

// ===
&#x4E25;&#x683C;&#x6BD4;&#x8F83;&#x8FD0;&#x7B97;&#x7B26;&#xFF0C;&#x4E0D;&#x505A;&#x7C7B;&#x578B;&#x8F6C;&#x6362;&#xFF0C;&#x7C7B;&#x578B;&#x4E0D;&#x540C;&#x5C31;&#x662F;&#x4E0D;&#x7B49;&#xFF1B;

// Object.is(&apos;a&apos;, &apos;a&apos;)
&#x884C;&#x4E3A;&#x4E0E;===&#x57FA;&#x672C;&#x4E00;&#x81F4;&#x3002;
&#x9664;&#x4E86;&#xFF1A; +0&#x4E0D;&#x7B49;&#x4E8E;-0 &#xFF0C; NaN&#x7B49;&#x4E8E;&#x81EA;&#x8EAB;&#x3002;
</code></pre>
<h2 id="if-else-&#x6761;&#x4EF6;&#x8BED;&#x53E5;"><a name="if-else-&#x6761;&#x4EF6;&#x8BED;&#x53E5;" class="anchor-navigation-ex-anchor" href="#if-else-&#x6761;&#x4EF6;&#x8BED;&#x53E5;"><i class="fa fa-link" aria-hidden="true"></i></a>2.9. if else &#x6761;&#x4EF6;&#x8BED;&#x53E5;</h2>
<pre><code class="lang-text">if (m === 3) {
} else {
}
</code></pre>
<h2 id="switch-&#x8BED;&#x53E5;"><a name="switch-&#x8BED;&#x53E5;" class="anchor-navigation-ex-anchor" href="#switch-&#x8BED;&#x53E5;"><i class="fa fa-link" aria-hidden="true"></i></a>2.10. switch &#x8BED;&#x53E5;</h2>
<pre><code class="lang-text">var x = 1;
switch (x) {
  case 1:
    break ;
  default:
    break ;
}
</code></pre>
<h2 id="for-&#x5FAA;&#x73AF;"><a name="for-&#x5FAA;&#x73AF;" class="anchor-navigation-ex-anchor" href="#for-&#x5FAA;&#x73AF;"><i class="fa fa-link" aria-hidden="true"></i></a>2.11. for &#x5FAA;&#x73AF;</h2>
<pre><code class="lang-text">for (var i = 0; i &lt; 100; i++) {
}
</code></pre>
<h2 id="while-&#x5FAA;&#x73AF;"><a name="while-&#x5FAA;&#x73AF;" class="anchor-navigation-ex-anchor" href="#while-&#x5FAA;&#x73AF;"><i class="fa fa-link" aria-hidden="true"></i></a>2.12. while &#x5FAA;&#x73AF;</h2>
<pre><code class="lang-text">var i = 0;
while (i &lt; 100) {
  i = i + 1;
}
</code></pre>
<h2 id="do--while-&#x5FAA;&#x73AF;"><a name="do--while-&#x5FAA;&#x73AF;" class="anchor-navigation-ex-anchor" href="#do--while-&#x5FAA;&#x73AF;"><i class="fa fa-link" aria-hidden="true"></i></a>2.13. do ... while &#x5FAA;&#x73AF;</h2>
<pre><code class="lang-text">do {
 ...
} while (&#x6761;&#x4EF6;);
</code></pre>
<h2 id="break-&#x3001;continue"><a name="break-&#x3001;continue" class="anchor-navigation-ex-anchor" href="#break-&#x3001;continue"><i class="fa fa-link" aria-hidden="true"></i></a>2.14. break &#x3001;continue</h2>
<p>break&#x8BED;&#x53E5;&#x7528;&#x4E8E;&#x8DF3;&#x51FA;&#x4EE3;&#x7801;&#x5757;&#x6216;&#x5FAA;&#x73AF;&#x3002;
continue&#x8BED;&#x53E5;&#x7528;&#x4E8E;&#x7ACB;&#x5373;&#x7EC8;&#x6B62;&#x672C;&#x8F6E;&#x5FAA;&#x73AF;&#xFF0C;&#x8FD4;&#x56DE;&#x5FAA;&#x73AF;&#x7ED3;&#x6784;&#x7684;&#x5934;&#x90E8;&#xFF0C;&#x5F00;&#x59CB;&#x4E0B;&#x4E00;&#x8F6E;&#x5FAA;&#x73AF;&#x3002;</p>
<h2 id="&#x4E09;&#x5143;&#x8FD0;&#x7B97;&#x7B26;"><a name="&#x4E09;&#x5143;&#x8FD0;&#x7B97;&#x7B26;" class="anchor-navigation-ex-anchor" href="#&#x4E09;&#x5143;&#x8FD0;&#x7B97;&#x7B26;"><i class="fa fa-link" aria-hidden="true"></i></a>2.15. &#x4E09;&#x5143;&#x8FD0;&#x7B97;&#x7B26;</h2>
<pre><code class="lang-text">var myVar;
console.log(
  myVar ?
  &apos;myVar has a value&apos; :
  &apos;myVar does not have a value&apos;
)
</code></pre>
<h2 id="label&#x6807;&#x7B7E;"><a name="label&#x6807;&#x7B7E;" class="anchor-navigation-ex-anchor" href="#label&#x6807;&#x7B7E;"><i class="fa fa-link" aria-hidden="true"></i></a>2.16. label&#x6807;&#x7B7E;</h2>
<p>&#x6807;&#x7B7E;&#x901A;&#x5E38;&#x4E0E;break&#x8BED;&#x53E5;&#x548C;continue&#x8BED;&#x53E5;&#x914D;&#x5408;&#x4F7F;&#x7528;&#xFF0C;&#x8DF3;&#x51FA;&#x7279;&#x5B9A;&#x7684;&#x5FAA;&#x73AF;&#x3002;</p>
<pre><code class="lang-text">top:
  for (var i = 0; i &lt; 3; i++){
    for (var j = 0; j &lt; 3; j++){
      if (i === 1 &amp;&amp; j === 1) {
        // &#x8DF3;&#x51FA;&#x5916;&#x5C42;&#x5FAA;&#x73AF;
        break top;
      }
    }
  }

  foo: {
    console.log(1);
    // &#x8DF3;&#x51FA;&#x4EE3;&#x7801;&#x5757;
    break foo;
  }

  top:
  for (var i = 0; i &lt; 3; i++){
    for (var j = 0; j &lt; 3; j++){
      if (i === 1 &amp;&amp; j === 1) {
      // &#x8FDB;&#x5165;&#x4E0B;&#x4E00;&#x8F6E;&#x5916;&#x5C42;&#x5FAA;&#x73AF;
      continue top;
    }
    }
  }
</code></pre>
<h2 id="&#x5F02;&#x5E38;&#x6355;&#x6349;"><a name="&#x5F02;&#x5E38;&#x6355;&#x6349;" class="anchor-navigation-ex-anchor" href="#&#x5F02;&#x5E38;&#x6355;&#x6349;"><i class="fa fa-link" aria-hidden="true"></i></a>2.17. &#x5F02;&#x5E38;&#x6355;&#x6349;</h2>
<pre><code class="lang-javascript"><span class="hljs-keyword">var</span> txt=<span class="hljs-string">&quot;&quot;</span>;
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">message</span>(<span class="hljs-params"></span>)
</span>{
    <span class="hljs-keyword">try</span> {
        adddlert(<span class="hljs-string">&quot;Welcome guest!&quot;</span>);
    } <span class="hljs-keyword">catch</span>(err) {
        txt+=<span class="hljs-string">&quot;&#x9519;&#x8BEF; &quot;</span> + err.message  ;
    }
}
</code></pre>
<h2 id="&#x8868;&#x5355;&#x9A8C;&#x8BC1;"><a name="&#x8868;&#x5355;&#x9A8C;&#x8BC1;" class="anchor-navigation-ex-anchor" href="#&#x8868;&#x5355;&#x9A8C;&#x8BC1;"><i class="fa fa-link" aria-hidden="true"></i></a>2.18. &#x8868;&#x5355;&#x9A8C;&#x8BC1;</h2>
<pre><code class="lang-text">onsubmit=&quot;return validateForm()&quot; method=&quot;post&quot;
function validateForm() {
    var x = document.forms[&quot;myForm&quot;][&quot;fname&quot;].value;
    if (x == null || x == &quot;&quot;) {
        alert(&quot;&#x9700;&#x8981;&#x8F93;&#x5165;&#x540D;&#x5B57;&#x3002;&quot;);
        return false;
    }
}
</code></pre>
<h2 id="typeof"><a name="typeof" class="anchor-navigation-ex-anchor" href="#typeof"><i class="fa fa-link" aria-hidden="true"></i></a>2.19. typeof</h2>
<p>&#x7528;&#x6765;&#x786E;&#x5B9A;&#x4E00;&#x4E2A;&#x503C;&#x7684;&#x7C7B;&#x578B;</p>
<pre><code class="lang-text">typeof 123 // &quot;number&quot;
typeof &apos;123&apos; // &quot;string&quot;
typeof false // &quot;boolean&quot;
function f() {}
typeof f // &quot;function&quot;
typeof undefined // &quot;undefined&quot;
v  // &#x6CA1;&#x6709;&#x88AB;&#x58F0;&#x660E;&#x8FC7;
typeof v // &quot;undefined&quot;
typeof window // &quot;object&quot;
typeof {} // &quot;object&quot;
typeof [] // &quot;object&quot;
</code></pre>
<h2 id="&#x5BF9;&#x8C61;"><a name="&#x5BF9;&#x8C61;" class="anchor-navigation-ex-anchor" href="#&#x5BF9;&#x8C61;"><i class="fa fa-link" aria-hidden="true"></i></a>2.20. &#x5BF9;&#x8C61;</h2>
<pre><code class="lang-text">&#x5BF9;&#x8C61;&#x5C31;&#x662F;&#x4E00;&#x7EC4;&#x201C;&#x952E;&#x503C;&#x5BF9;&#x201D;&#x7684;&#x96C6;&#x5408;&#xFF0C;
&#x662F;&#x4E00;&#x79CD;&#x65E0;&#x5E8F;&#x7684;&#x590D;&#x5408;&#x6570;&#x636E;&#x96C6;&#x5408;&#x3002;

&#x5BF9;&#x8C61; &#x548C;&#x4EE3;&#x7801;&#x5757; &#x90FD;&#x91C7;&#x7528;&#x5927;&#x62EC;&#x53F7;&#x8868;&#x793A;&#x3002;
&#x4E3A;&#x4E86;&#x907F;&#x514D;&#x8FD9;&#x79CD;&#x6B67;&#x4E49;&#xFF0C;V8 &#x5F15;&#x64CE;&#x89C4;&#x5B9A;&#xFF0C;
&#x5982;&#x679C;&#x884C;&#x9996;&#x662F;&#x5927;&#x62EC;&#x53F7;&#xFF0C;&#x4E00;&#x5F8B;&#x89E3;&#x91CA;&#x4E3A;&#x5BF9;&#x8C61;&#x3002;
&#x4E0D;&#x8FC7;&#xFF0C;&#x4E3A;&#x4E86;&#x907F;&#x514D;&#x6B67;&#x4E49;&#xFF0C;&#x6700;&#x597D;&#x5728;&#x5927;&#x62EC;&#x53F7;&#x524D;&#x52A0;&#x4E0A;&#x5706;&#x62EC;&#x53F7;&#x3002; 
({ foo: 123})

var obj = {
  foo: &apos;Hello&apos;,
  bar: &apos;World&apos;
};

//with &#x8BED;&#x53E5;
&#x64CD;&#x4F5C;&#x540C;&#x4E00;&#x4E2A;&#x5BF9;&#x8C61;&#x7684;&#x591A;&#x4E2A;&#x5C5E;&#x6027;&#x65F6;&#xFF0C;&#x7B80;&#x5316;&#x4EE3;&#x7801;
with (document.links[0]){
  console.log(href);
  console.log(title);
  console.log(style);
}
</code></pre>
<h2 id="&#x51FD;&#x6570;"><a name="&#x51FD;&#x6570;" class="anchor-navigation-ex-anchor" href="#&#x51FD;&#x6570;"><i class="fa fa-link" aria-hidden="true"></i></a>2.21. &#x51FD;&#x6570;</h2>
<pre><code class="lang-text"> &#x5982;&#x679C;&#x540C;&#x4E00;&#x4E2A;&#x51FD;&#x6570;&#x88AB;&#x591A;&#x6B21;&#x58F0;&#x660E;&#xFF0C;&#x540E;&#x9762;&#x7684;&#x58F0;&#x660E;&#x5C31;&#x4F1A;&#x8986;&#x76D6;&#x524D;&#x9762;&#x7684;&#x58F0;&#x660E;&#x3002;
 &#x6CE8;&#x610F;&#xFF1A; &#x5B9A;&#x4E49;&#x51FD;&#x6570;&#x65F6;&#xFF0C;&#x662F;&#x4E0D;&#x9700;&#x8981;&#x6307;&#x5B9A;&#x53C2;&#x6570;&#x7684;&#x7C7B;&#x578B;&#x7684;
 js&#x6709;&#x4E09;&#x79CD;&#x58F0;&#x660E;&#x51FD;&#x6570;&#x7684;&#x65B9;&#x6CD5;&#x3002;
 1&#x3001; function &#x547D;&#x4EE4;
 function print(s) {
 }

 2&#x3001;&#x51FD;&#x6570;&#x8868;&#x8FBE;&#x5F0F;&#xFF08;&#x91C7;&#x7528;&#x53D8;&#x91CF;&#x8D4B;&#x503C;&#x7684;&#x5199;&#x6CD5;&#xFF09;
 var print = function(s) {
 };
 &#x6216;
 var print = function x(){
   // &#x8FD9;&#x79CD;&#x5199;&#x6CD5;&#x7684;&#x7528;&#x5904;&#x6709;&#x4E24;&#x4E2A;&#xFF0C;&#x4E00;&#x662F;&#x53EF;&#x4EE5;&#x5728;&#x51FD;&#x6570;&#x4F53;&#x5185;&#x90E8;&#x8C03;&#x7528;&#x81EA;&#x8EAB;&#xFF0C;
   //&#x4E8C;&#x662F;&#x65B9;&#x4FBF;&#x9664;&#x9519;&#xFF08;&#x9664;&#x9519;&#x5DE5;&#x5177;&#x663E;&#x793A;&#x51FD;&#x6570;&#x8C03;&#x7528;&#x6808;&#x65F6;&#xFF0C;&#x5C06;&#x663E;&#x793A;&#x51FD;&#x6570;&#x540D;&#xFF0C;
   //&#x800C;&#x4E0D;&#x518D;&#x663E;&#x793A;&#x8FD9;&#x91CC;&#x662F;&#x4E00;&#x4E2A;&#x533F;&#x540D;&#x51FD;&#x6570;
 };

 3&#x3001; &#x5229;&#x7528;&#x5173;&#x952E;&#x5B57; Function &#x6784;&#x9020;&#x51FD;&#x6570;
 &#x4E0D;&#x5EFA;&#x8BAE;&#x4F7F;&#x7528;&#x8FD9;&#x79CD;&#x65B9;&#x5F0F;
 var add = new Function(
   &apos;x&apos;,
   &apos;y&apos;,
   &apos;return x + y&apos;
 );

 function f1() {}
 //  name&#x5C5E;&#x6027;&#x8FD4;&#x56DE;&#x51FD;&#x6570;&#x540D;&#x5B57;
 f1.name

 // length&#x5C5E;&#x6027; &#x8FD4;&#x56DE; &#x51FD;&#x6570;&#x5B9A;&#x4E49;&#x65F6;&#x7684;&#x53C2;&#x6570;&#x4E2A;&#x6570;&#x3002;
 f.length

 // &#x51FD;&#x6570;&#x53C2;&#x6570;&#x4E0D;&#x662F;&#x5FC5;&#x9700;&#x7684;&#xFF0C; js &#x5141;&#x8BB8;&#x7701;&#x7565;&#x53C2;&#x6570;&#x3002;
 function f(a, b) {
   return a;
 }
 f(1, 2, 3) // 1
 f(1) // 1
 f() // undefined
 f(undefined, 1) // undefined
 f( , 1) // &#x62A5;&#x9519;

 // &#x5728;&#x51FD;&#x6570;&#x5185;&#x90E8;&#x53EF;&#x4EE5;&#x4F7F;&#x7528; arguments&#x5BF9;&#x8C61;&#x6765;&#x83B7;&#x5F97;&#x6240;&#x6709;&#x7684;&#x53C2;&#x6570;
 var f = function(a, b) {
   console.log(arguments[0]);
   console.log(arguments[1]);
   console.log(arguments[2]);
   return a + b;
 }
</code></pre>
<h2 id="iife-&#x7ACB;&#x5373;&#x6267;&#x884C;&#x51FD;&#x6570;"><a name="iife-&#x7ACB;&#x5373;&#x6267;&#x884C;&#x51FD;&#x6570;" class="anchor-navigation-ex-anchor" href="#iife-&#x7ACB;&#x5373;&#x6267;&#x884C;&#x51FD;&#x6570;"><i class="fa fa-link" aria-hidden="true"></i></a>2.22. IIFE &#x7ACB;&#x5373;&#x6267;&#x884C;&#x51FD;&#x6570;</h2>
<pre><code class="lang-text">Immediately-Invoked Function Expression  
&#x5728; js &#x4E2D;&#xFF0C; ()&#x662F;&#x4E00;&#x79CD;&#x8FD0;&#x7B97;&#x7B26;&#xFF0C;&#x8DDF;&#x5728;&#x51FD;&#x6570;&#x540D;&#x4E4B;&#x540E;&#xFF0C;&#x8868;&#x793A;&#x8C03;&#x7528;&#x8BE5;&#x51FD;&#x6570;&#x3002;
&#x6700;&#x5916;&#x5C42;&#x52A0;&#x4E00;&#x4E2A;&#x5C0F;&#x62EC;&#x53F7;&#x662F;&#x4E3A;&#x4E86;&#x4FDD;&#x62A4;&#x53D8;&#x91CF;&#x7684;&#x4F5C;&#x7528;&#x57DF;
(function(a, b){
    console.log(a + b);
})(1, 2)
// &#x6700;&#x540E;&#x7684;&#x5C0F;&#x62EC;&#x53F7;&#x662F;&#x8868;&#x793A;&#x7ACB;&#x5373;&#x6267;&#x884C;&#x8FD9;&#x4E2A;&#x51FD;&#x6570;&#xFF0C;&#x5E76;&#x4F20;&#x5165;&#x53C2;&#x6570;
</code></pre>
<h2 id="&#x51FD;&#x6570;&#x95ED;&#x5305;"><a name="&#x51FD;&#x6570;&#x95ED;&#x5305;" class="anchor-navigation-ex-anchor" href="#&#x51FD;&#x6570;&#x95ED;&#x5305;"><i class="fa fa-link" aria-hidden="true"></i></a>2.23. &#x51FD;&#x6570;&#x95ED;&#x5305;</h2>
<pre><code class="lang-text">&#x51FD;&#x6570;&#x5185;&#x90E8;&#x53EF;&#x4EE5;&#x8BBF;&#x95EE;&#x5916;&#x90E8;&#x53D8;&#x91CF;&#xFF0C;&#x51FD;&#x6570;&#x5916;&#x90E8;&#x4E0D;&#x80FD;&#x8BBF;&#x95EE;&#x51FD;&#x6570;&#x5185;&#x7684;&#x53D8;&#x91CF; &#x3002;
&#x4E3A;&#x4E86;&#x5B9E;&#x73B0; &#x5916;&#x90E8;&#x4EE3;&#x7801;&#x53EF;&#x4EE5;&#x8BBF;&#x95EE;&#x51FD;&#x6570;&#x5185;&#x90E8;&#x7684;&#x5C40;&#x90E8;&#x53D8;&#x91CF;&#xFF0C;&#x6211;&#x4EEC;&#x8BBE;&#x8BA1;&#x4E86;&#x95ED;&#x5305;&#x673A;&#x5236;&#x3002;

function f1(){
  var n=100 ;
  function f2(){
    // &#x62FF;&#x7740;f1&#x7684;&#x5C40;&#x90E8;&#x53D8;&#x91CF;n&#x505A;&#x4E00;&#x4E9B;&#x4E8B;&#x60C5;...
  }
  // &#x5C06;&#x5185;&#x90E8;&#x51FD;&#x6570;&#x8FD4;&#x56DE;
  return f2 ;
}

// &#x4F7F;&#x7528;&#x95ED;&#x5305;
var f3 = f1() ;  // &#x6CE8;&#x610F;&#xFF0C;&#x4E0D;&#x662F; f3= f1
f3() ; // &#x76F8;&#x5F53;&#x4E8E;&#x6267;&#x884C;&#x4E86; f2()

&#x9898;&#x5916;&#x8BDD;&#xFF1A; &#x4E2A;&#x4EBA;&#x611F;&#x89C9;&#x95ED;&#x5305;&#x8FD9;&#x4E2A;&#x4E1C;&#x897F;&#x8BBE;&#x8BA1;&#x7684;&#x6709;&#x70B9;&#x53CD;&#x4EBA;&#x7C7B;&#x3002;
</code></pre>
<h2 id="eval-&#x547D;&#x4EE4;"><a name="eval-&#x547D;&#x4EE4;" class="anchor-navigation-ex-anchor" href="#eval-&#x547D;&#x4EE4;"><i class="fa fa-link" aria-hidden="true"></i></a>2.24. eval &#x547D;&#x4EE4;</h2>
<pre><code class="lang-text">eval&#x547D;&#x4EE4;&#x63A5;&#x53D7;&#x4E00;&#x4E2A;&#x5B57;&#x7B26;&#x4E32;&#x4F5C;&#x4E3A;&#x53C2;&#x6570;&#xFF0C;&#x5E76;&#x5C06;&#x8FD9;&#x4E2A;&#x5B57;&#x7B26;&#x4E32;&#x5F53;&#x4F5C;&#x8BED;&#x53E5;&#x6267;&#x884C;&#x3002;
eval&#x6CA1;&#x6709;&#x81EA;&#x5DF1;&#x7684;&#x4F5C;&#x7528;&#x57DF;&#xFF0C;&#x90FD;&#x5728;&#x5F53;&#x524D;&#x4F5C;&#x7528;&#x57DF;&#x5185;&#x6267;&#x884C; &#x3002;

//eval &#x7684;&#x522B;
var m = eval;
m(&apos;var x = 1&apos;);
&#x4E3A;&#x4E86;&#x4FDD;&#x8BC1;eval&#x7684;&#x522B;&#x540D;&#x4E0D;&#x5F71;&#x54CD;&#x4EE3;&#x7801;&#x4F18;&#x5316; ,
js &#x7684;&#x6807;&#x51C6;&#x89C4;&#x5B9A;&#xFF0C;&#x51E1;&#x662F;&#x4F7F;&#x7528;&#x522B;&#x540D;&#x6267;&#x884C;eval&#xFF0C;eval&#x5185;&#x90E8;&#x4E00;&#x5F8B;&#x662F;&#x5168;&#x5C40;&#x4F5C;&#x7528;&#x57DF;&#x3002;
</code></pre>
<h2 id="object-&#x5BF9;&#x8C61;"><a name="object-&#x5BF9;&#x8C61;" class="anchor-navigation-ex-anchor" href="#object-&#x5BF9;&#x8C61;"><i class="fa fa-link" aria-hidden="true"></i></a>2.25. Object &#x5BF9;&#x8C61;</h2>
<p>JavaScript &#x7684;&#x6240;&#x6709;&#x5176;&#x4ED6;&#x5BF9;&#x8C61;&#x90FD;&#x7EE7;&#x627F;&#x81EA;Object&#x5BF9;&#x8C61; &#x3002;</p>
<pre><code class="lang-text">//&#x8FD4;&#x56DE;&#x7A7A;&#x5BF9;&#x8C61;
var obj = Object();// undefined / null
&#x5982;&#x679C;Object&#x65B9;&#x6CD5;&#x7684;&#x53C2;&#x6570;&#x662F;&#x4E00;&#x4E2A;&#x5BF9;&#x8C61;&#xFF0C;&#x5B83;&#x603B;&#x662F;&#x8FD4;&#x56DE;&#x8BE5;&#x5BF9;&#x8C61;&#xFF0C;&#x5373;&#x4E0D;&#x7528;&#x8F6C;&#x6362;&#x3002;

// &#x8FD4;&#x56DE;&#x5BF9;&#x8C61;&#x7684;&#x6240;&#x6709;&#x5C5E;&#x6027;&#x540D;
Object.keys(obj) ;
Object.getOwnPropertyNames(obj)
// &#x83B7;&#x53D6;&#x67D0;&#x4E2A;&#x5C5E;&#x6027;&#x7684;&#x63CF;&#x8FF0;&#x5BF9;&#x8C61;
Object.getOwnPropertyDescriptor(obj, &apos;p&apos;)

//&#x5C5E;&#x6027;&#x63CF;&#x8FF0;&#x5BF9;&#x8C61;  attributes object
js &#x63D0;&#x4F9B;&#x4E86;&#x4E00;&#x4E2A;&#x5185;&#x90E8;&#x6570;&#x636E;&#x7ED3;&#x6784;&#xFF0C;&#x7528;&#x6765;&#x63CF;&#x8FF0;&#x5BF9;&#x8C61;&#x7684;&#x5C5E;&#x6027; &#x3002;&#x6BCF;&#x4E2A;&#x5C5E;&#x6027;&#x90FD;&#x6709;&#x81EA;&#x5DF1;&#x5BF9;&#x5E94;&#x7684;&#x5C5E;&#x6027;&#x63CF;&#x8FF0;&#x5BF9;&#x8C61;&#x3002;
{
  value: 123,  // &#x8BE5;&#x5C5E;&#x6027;&#x7684;&#x5C5E;&#x6027;&#x503C;&#xFF0C;&#x9ED8;&#x8BA4;&#x4E3A;undefined&#x3002;
  writable: false, //  value &#x662F;&#x5426;&#x53EF;&#x6539;&#x53D8; &#xFF0C;&#x9ED8;&#x8BA4; true&#x3002;
  enumerable: true, //  &#x662F;&#x5426;&#x53EF;&#x904D;&#x5386;&#xFF0C;&#x9ED8;&#x8BA4; true&#x3002;&#x5982;&#x679C; &#x4E3A;false&#xFF0C;&#x4F1A;&#x4F7F;for&#x5FAA;&#x73AF;&#x64CD;&#x4F5C;&#x7B49;&#x8DF3;&#x8FC7;&#x8BE5;&#x5C5E;&#x6027;&#x3002;
  configurable: false, // &#x63A7;&#x5236;&#x4E86;&#x5C5E;&#x6027;&#x63CF;&#x8FF0;&#x5BF9;&#x8C61;&#x7684;&#x53EF;&#x5199;&#x6027;
  get: undefined,  // &#x8BE5;&#x5C5E;&#x6027;&#x7684;&#x53D6;&#x503C;&#x51FD;&#x6570;
  set: undefined  // &#x8BE5;&#x5C5E;&#x6027;&#x7684;&#x5B58;&#x503C;&#x51FD;&#x6570;
}
</code></pre>
<h3 id="array-&#x6570;&#x7EC4;"><a name="array-&#x6570;&#x7EC4;" class="anchor-navigation-ex-anchor" href="#array-&#x6570;&#x7EC4;"><i class="fa fa-link" aria-hidden="true"></i></a>2.25.1. Array &#x6570;&#x7EC4;</h3>
<pre><code class="lang-text">Array&#x6784;&#x9020;&#x51FD;&#x6570;&#x6709;&#x4E00;&#x4E2A;&#x5F88;&#x5927;&#x7684;&#x7F3A;&#x9677;: &#x5C31;&#x662F;&#x4E0D;&#x540C;&#x7684;&#x53C2;&#x6570;&#xFF0C;&#x4F1A;&#x5BFC;&#x81F4;&#x5B83;&#x7684;&#x884C;&#x4E3A;&#x4E0D;&#x4E00;&#x81F4;&#x3002;
&#x56E0;&#x6B64;&#xFF0C;&#x4E0D;&#x5EFA;&#x8BAE;&#x4F7F;&#x7528;&#x6784;&#x9020;&#x51FD;&#x6570;&#x751F;&#x6210;&#x65B0;&#x6570;&#x7EC4;&#x3002;
var arr = new Array(1, 2);// bad
var arr = [1, 2];// good

Array.isArray(arr); // &#x5224;&#x65AD;&#x662F;&#x5426;&#x662F;&#x6570;&#x7EC4;&#x7C7B;&#x578B;
var arr = [];
arr.push(1) // &#x6DFB;&#x52A0;&#x5143;&#x7D20;
arr.pop() //  &#x5220;&#x9664;&#x6700;&#x540E;&#x4E00;&#x4E2A;&#x5143;&#x7D20;&#xFF0C;&#x5E76;&#x8FD4;&#x56DE;&#x8BE5;&#x5143;&#x7D20;&#x3002;
arr.shift() //  &#x5220;&#x9664;&#x6570;&#x7EC4;&#x7684;&#x7B2C;&#x4E00;&#x4E2A;&#x5143;&#x7D20;&#xFF0C;&#x5E76;&#x8FD4;&#x56DE;&#x8BE5;&#x5143;&#x7D20;
arr.shift() // &#x904D;&#x5386;&#x5E76;&#x6E05;&#x7A7A;&#x4E00;&#x4E2A;&#x6570;&#x7EC4;
arr.unshift(&apos;x&apos;); // &#x5728;&#x6570;&#x7EC4;&#x7684;&#x7B2C;&#x4E00;&#x4E2A;&#x4F4D;&#x7F6E;&#x6DFB;&#x52A0;&#x5143;&#x7D20;
arr.join(&apos; | &apos;) // &#x6307;&#x5B9A;&#x53C2;&#x6570;&#x4F5C;&#x4E3A;&#x5206;&#x9694;&#x7B26;&#xFF0C;&#x5C06;&#x6240;&#x6709;&#x6570;&#x7EC4;&#x6210;&#x5458;&#x8FDE;&#x63A5;&#x4E3A;&#x4E00;&#x4E2A;&#x5B57;&#x7B26;&#x4E32;&#x8FD4;&#x56DE;&#x3002;
[&apos;hello&apos;].concat([&apos;world&apos;]) // &#x7528;&#x4E8E;&#x591A;&#x4E2A;&#x6570;&#x7EC4;&#x7684;&#x5408;&#x5E76;
arr.reverse() // &#x98A0;&#x5012;&#x6392;&#x5217;&#x6570;&#x7EC4;&#x5143;&#x7D20;
arr.slice(start, end); // &#x63D0;&#x53D6;&#x76EE;&#x6807;&#x6570;&#x7EC4;&#x7684;&#x4E00;&#x90E8;&#x5206;&#xFF0C;&#x8FD4;&#x56DE;&#x4E00;&#x4E2A;&#x65B0;&#x6570;&#x7EC4;
arr.splice(start, count, addElement1, addElement2, ...); // &#x5220;&#x9664;&#x539F;&#x6570;&#x7EC4;&#x7684;&#x4E00;&#x90E8;&#x5206;&#x6210;&#x5458;&#xFF0C;&#x5E76;&#x53EF;&#x4EE5;&#x5728;&#x5220;&#x9664;&#x7684;&#x4F4D;&#x7F6E;&#x6DFB;&#x52A0;&#x65B0;&#x7684;&#x6570;&#x7EC4;&#x6210;&#x5458;
[11, 101].sort() ;//  &#x6309;&#x7167;&#x5B57;&#x5178;&#x987A;&#x5E8F;&#x6392;&#x5E8F;
// &#x5C06;&#x6570;&#x7EC4;&#x7684;&#x6240;&#x6709;&#x6210;&#x5458;&#x4F9D;&#x6B21;&#x4F20;&#x5165;&#x6307;&#x5B9A;&#x51FD;&#x6570;&#xFF0C;&#x7136;&#x540E;&#x628A;&#x6BCF;&#x4E00;&#x6B21;&#x7684;&#x6267;&#x884C;&#x7ED3;&#x679C;&#x7EC4;&#x6210;&#x4E00;&#x4E2A;&#x65B0;&#x6570;&#x7EC4;&#x8FD4;&#x56DE;&#x3002;
arr.map(function (n) {
  return n + 1;
});
</code></pre>
<h2 id="&#x5B57;&#x7B26;&#x4E32;-string"><a name="&#x5B57;&#x7B26;&#x4E32;-string" class="anchor-navigation-ex-anchor" href="#&#x5B57;&#x7B26;&#x4E32;-string"><i class="fa fa-link" aria-hidden="true"></i></a>2.26. &#x5B57;&#x7B26;&#x4E32; String</h2>
<pre><code class="lang-text">// &#x662F;&#x5426;&#x5339;&#x914D;&#x67D0;&#x4E2A;&#x5B50;&#x5B57;&#x7B26;&#x4E32;&#xFF0C;&#x8FD4;&#x56DE;&#x4E00;&#x4E2A;&#x6570;&#x7EC4;
&apos;cat, bat, sat, fat&apos;.match(&apos;at&apos;) // [&quot;at&quot;]
// &#x5C0F;&#x4E8E;0: &#x4E00;&#x4E2A;&#x5B57;&#x7B26;&#x4E32; &lt; &#x7B2C;&#x4E8C;&#x4E2A;&#x5B57;&#x7B26;&#x4E32;  ;  &#x5927;&#x4E8E;0&#xFF0C;&#x8868;&#x793A;&#x7B2C;&#x4E00;&#x4E2A;&#x5B57;&#x7B26;&#x4E32; &gt; &#x7B2C;&#x4E8C;&#x4E2A;&#x5B57;&#x7B26;&#x4E32;&#x3002;
&apos;apple&apos;.localeCompare(&apos;banana&apos;) // -1
</code></pre>
<h2 id="json-&#x8F6C;&#x6362;"><a name="json-&#x8F6C;&#x6362;" class="anchor-navigation-ex-anchor" href="#json-&#x8F6C;&#x6362;"><i class="fa fa-link" aria-hidden="true"></i></a>2.27. JSON &#x8F6C;&#x6362;</h2>
<pre><code class="lang-text">// &#x5C06;&#x4E00;&#x4E2A;&#x503C;&#x8F6C;&#x4E3A; JSON &#x5B57;&#x7B26;&#x4E32;
JSON.stringify({ name: &quot;&#x5F20;&#x4E09;&quot; })
 // &#x5C06; json &#x5B57;&#x7B26;&#x4E32;&#x8F6C;&#x6362;&#x6210;&#x5BF9;&#x5E94;&#x7684;&#x503C;
 var o = JSON.parse(&apos;{&quot;name&quot;: &quot;&#x5F20;&#x4E09;&quot;}&apos;);
 o.name // &#x5F20;&#x4E09;
</code></pre>
<h2 id="&#x5176;&#x4ED6;_1"><a name="&#x5176;&#x4ED6;_1" class="anchor-navigation-ex-anchor" href="#&#x5176;&#x4ED6;_1"><i class="fa fa-link" aria-hidden="true"></i></a>2.28. &#x5176;&#x4ED6;</h2>
<pre><code class="lang-text">&lt;a href=&quot;javascript&#xFF1A;void(0)&quot; onClick=&quot;window.open()&quot;&gt;
&#x8868;&#x793A;url&#x7684;&#x5185;&#x5BB9;&#x901A;&#x8FC7;js&#x6267;&#x884C;&#x3002;void(0)&#x8868;&#x793A;&#x4E0D;&#x4F5C;&#x4EFB;&#x4F55;&#x64CD;&#x4F5C;&#xFF0C;&#x8FD9;&#x6837;&#x4F1A;&#x9632;&#x6B62;&#x94FE;&#x63A5;&#x8DF3;&#x8F6C;&#x5230;&#x5176;&#x4ED6;&#x9875;&#x9762;&#x3002;
&#x8FD9;&#x4E48;&#x505A;&#x5F80;&#x5F80;&#x662F;&#x4E3A;&#x4E86;&#x4FDD;&#x7559;&#x94FE;&#x63A5;&#x7684;&#x6837;&#x5F0F;&#xFF0C;&#x4F46;&#x4E0D;&#x8BA9;&#x94FE;&#x63A5;&#x6267;&#x884C;&#x5B9E;&#x9645;&#x64CD;&#x4F5C;&#xFF0C;

&lt;a href=&quot;#&quot;&gt;&#x70B9;&#x51FB;&lt;/a&gt;
&#x70B9;&#x51FB;&#x540E;&#x4F1A;&#x56DE;&#x5230;&#x7F51;&#x9762;&#x9876;&#x90E8;

//&#x5237;&#x65B0;
location.reload() ;
window.location.reload() ;
</code></pre>
<h2 id="&#x4E8B;&#x4EF6;&#x76D1;&#x542C;"><a name="&#x4E8B;&#x4EF6;&#x76D1;&#x542C;" class="anchor-navigation-ex-anchor" href="#&#x4E8B;&#x4EF6;&#x76D1;&#x542C;"><i class="fa fa-link" aria-hidden="true"></i></a>2.29. &#x4E8B;&#x4EF6;&#x76D1;&#x542C;</h2>
<pre><code class="lang-text">// &#x6DFB;&#x52A0; &#x76D1;&#x542C;&#x51FD;&#x6570;
button.addEventListener(&apos;click&apos;, hello, false);
// &#x79FB;&#x9664;&#x76D1;&#x542C;&#x51FD;&#x6570;
button.removeEventListener(&apos;click&apos;, listener, false);
//  &#x5728;&#x5F53;&#x524D;&#x8282;&#x70B9;&#x4E0A;&#x89E6;&#x53D1;&#x6307;&#x5B9A;&#x4E8B;&#x4EF6;&#xFF0C;&#x4ECE;&#x800C;&#x89E6;&#x53D1;&#x76D1;&#x542C;&#x51FD;&#x6570;&#x7684;&#x6267;&#x884C;
xx.dispatchEvent(event);
</code></pre>
<h3 id="&#x9F20;&#x6807;&#x4E8B;&#x4EF6;"><a name="&#x9F20;&#x6807;&#x4E8B;&#x4EF6;" class="anchor-navigation-ex-anchor" href="#&#x9F20;&#x6807;&#x4E8B;&#x4EF6;"><i class="fa fa-link" aria-hidden="true"></i></a>2.29.1. &#x9F20;&#x6807;&#x4E8B;&#x4EF6;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x79F0;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>click</td>
<td>&#x5355;&#x51FB;</td>
</tr>
<tr>
<td>dblclick</td>
<td>&#x53CC;&#x51FB;</td>
</tr>
<tr>
<td>mousedown</td>
<td>&#x6309;&#x4E0B;&#x9F20;&#x6807;&#x952E;&#x65F6;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>mouseup</td>
<td>&#x91CA;&#x653E;&#x6309;&#x4E0B;&#x7684;&#x9F20;&#x6807;&#x952E;</td>
</tr>
<tr>
<td>mousemove</td>
<td>&#x5F53;&#x9F20;&#x6807;&#x5728;&#x4E00;&#x4E2A;&#x8282;&#x70B9;&#x5185;&#x90E8;&#x79FB;&#x52A8;&#x65F6;&#x89E6;&#x53D1;</td>
</tr>
<tr>
<td>mouseenter</td>
<td>&#x8FDB;&#x5165;&#x4E00;&#x4E2A;&#x8282;&#x70B9;&#x65F6;&#x89E6;&#x53D1; &#xFF0C;&#x8FDB;&#x5165;&#x5B50;&#x8282;&#x70B9;&#x4E0D;&#x4F1A;&#x89E6;&#x53D1;&#x8FD9;&#x4E2A;&#x4E8B;&#x4EF6;</td>
</tr>
<tr>
<td>mouseover</td>
<td>&#x8FDB;&#x5165;&#x4E00;&#x4E2A;&#x8282;&#x70B9;&#x65F6;&#x89E6;&#x53D1; &#xFF0C; &#x8FDB;&#x5165;&#x5B50;&#x8282;&#x70B9;&#x4F1A;&#x518D;&#x4E00;&#x6B21;&#x89E6;&#x53D1;&#x8FD9;&#x4E2A;&#x4E8B;&#x4EF6;</td>
</tr>
<tr>
<td>mouseout</td>
<td>&#x79BB;&#x5F00;&#x4E00;&#x4E2A;&#x8282;&#x70B9;&#x65F6;&#x89E6;&#x53D1;&#xFF0C;&#x79BB;&#x5F00;&#x7236;&#x8282;&#x70B9;&#x4E5F;&#x4F1A;&#x89E6;&#x53D1;&#x8FD9;&#x4E2A;&#x4E8B;&#x4EF6;</td>
</tr>
<tr>
<td>mouseleave</td>
<td>&#x79BB;&#x5F00;&#x4E00;&#x4E2A;&#x8282;&#x70B9;&#x65F6;&#x89E6;&#x53D1; &#xFF0C;&#x79BB;&#x5F00;&#x7236;&#x8282;&#x70B9;&#x4E0D;&#x4F1A;&#x89E6;&#x53D1;&#x8FD9;&#x4E2A;&#x4E8B;&#x4EF6;</td>
</tr>
<tr>
<td>contextmenu</td>
<td>&#x6309;&#x4E0B;&#x9F20;&#x6807;&#x53F3;&#x952E;&#x65F6;</td>
</tr>
<tr>
<td>wheel</td>
<td>&#x6EDA;&#x52A8;&#x9F20;&#x6807;&#x7684;&#x6EDA;&#x8F6E;&#x65F6;&#x89E6;&#x53D1;</td>
</tr>
</tbody>
</table>
<h3 id="&#x952E;&#x76D8;&#x4E8B;&#x4EF6;"><a name="&#x952E;&#x76D8;&#x4E8B;&#x4EF6;" class="anchor-navigation-ex-anchor" href="#&#x952E;&#x76D8;&#x4E8B;&#x4EF6;"><i class="fa fa-link" aria-hidden="true"></i></a>2.29.2. &#x952E;&#x76D8;&#x4E8B;&#x4EF6;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x79F0;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>keydown</td>
<td>&#x6309;&#x4E0B;&#x952E;&#x76D8;</td>
</tr>
<tr>
<td>keypress</td>
<td>&#x6309;&#x4E0B;&#x6709;&#x503C;&#x7684;&#x952E;&#x65F6;&#x89E6;&#x53D1;&#xFF0C; <br> &#x5373;&#x6309;&#x4E0B; Ctrl&#x3001;Alt&#x3001;Shift&#x3001;Meta &#x8FD9;&#x6837;&#x65E0;&#x503C;&#x7684;&#x952E;&#xFF0C;&#x8FD9;&#x4E2A;&#x4E8B;&#x4EF6;&#x4E0D;&#x4F1A;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>keyup</td>
<td>&#x677E;&#x5F00;&#x952E;&#x76D8;&#x65F6;&#x89E6;&#x53D1;&#x8BE5;&#x4E8B;&#x4EF6;</td>
</tr>
</tbody>
</table>
<h3 id="&#x8868;&#x5355;&#x4E8B;&#x4EF6;"><a name="&#x8868;&#x5355;&#x4E8B;&#x4EF6;" class="anchor-navigation-ex-anchor" href="#&#x8868;&#x5355;&#x4E8B;&#x4EF6;"><i class="fa fa-link" aria-hidden="true"></i></a>2.29.3. &#x8868;&#x5355;&#x4E8B;&#x4EF6;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x79F0;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>input</td>
<td>&#x53EA;&#x8981;&#x503C;&#x53D1;&#x751F;&#x53D8;&#x5316;&#xFF0C;&#x4E5F;&#x4F1A;&#x89E6;&#x53D1;</td>
</tr>
<tr>
<td>select</td>
<td></td>
</tr>
<tr>
<td>Change</td>
<td></td>
</tr>
<tr>
<td>invalid</td>
<td></td>
</tr>
<tr>
<td>reset</td>
<td></td>
</tr>
<tr>
<td>submit</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="&#x89E6;&#x6478;&#x4E8B;&#x4EF6;"><a name="&#x89E6;&#x6478;&#x4E8B;&#x4EF6;" class="anchor-navigation-ex-anchor" href="#&#x89E6;&#x6478;&#x4E8B;&#x4EF6;"><i class="fa fa-link" aria-hidden="true"></i></a>2.29.4. &#x89E6;&#x6478;&#x4E8B;&#x4EF6;</h3>
<pre><code class="lang-text">Touch &#xFF1A;&#x4E00;&#x4E2A;&#x89E6;&#x6478;&#x70B9; .
TouchList&#xFF1A;&#x591A;&#x4E2A;&#x89E6;&#x6478;&#x70B9;&#x7684;&#x96C6;&#x5408;
TouchEvent&#xFF1A;&#x89E6;&#x6478;&#x5F15;&#x53D1;&#x7684;&#x4E8B;&#x4EF6;&#x5B9E;&#x4F8B;
</code></pre>
<h3 id="&#x5176;&#x4ED6;&#x4E8B;&#x4EF6;"><a name="&#x5176;&#x4ED6;&#x4E8B;&#x4EF6;" class="anchor-navigation-ex-anchor" href="#&#x5176;&#x4ED6;&#x4E8B;&#x4EF6;"><i class="fa fa-link" aria-hidden="true"></i></a>2.29.5. &#x5176;&#x4ED6;&#x4E8B;&#x4EF6;</h3>
<table>
<thead>
<tr>
<th>&#x540D;&#x79F0;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>beforeunload</td>
<td>&#x5728;&#x7A97;&#x53E3;&#x3001;&#x6587;&#x6863;&#x3001;&#x5404;&#x79CD;&#x8D44;&#x6E90;&#x5C06;&#x8981;&#x5378;&#x8F7D;&#x524D;&#x89E6;&#x53D1;</td>
</tr>
<tr>
<td>unload</td>
<td>&#x5728;&#x7A97;&#x53E3;&#x5173;&#x95ED;&#x6216;&#x8005;document&#x5BF9;&#x8C61;&#x5C06;&#x8981;&#x5378;&#x8F7D;&#x65F6;&#x89E6;&#x53D1;</td>
</tr>
<tr>
<td>load</td>
<td>&#x5728;&#x9875;&#x9762;&#x6216;&#x67D0;&#x4E2A;&#x8D44;&#x6E90;&#x52A0;&#x8F7D;&#x6210;&#x529F;&#x65F6;&#x89E6;&#x53D1;</td>
</tr>
<tr>
<td>error</td>
<td>&#x5728;&#x9875;&#x9762;&#x6216;&#x8D44;&#x6E90;&#x52A0;&#x8F7D;&#x5931;&#x8D25;&#x65F6;&#x89E6;&#x53D1;</td>
</tr>
<tr>
<td>pageshow</td>
<td>&#x5728;&#x9875;&#x9762;&#x52A0;&#x8F7D;&#x65F6;&#x89E6;&#x53D1;</td>
</tr>
<tr>
<td>pagehide</td>
<td>&#x5F53;&#x7528;&#x6237;&#x901A;&#x8FC7;&#x201C;&#x524D;&#x8FDB;/&#x540E;&#x9000;&#x201D;&#x6309;&#x94AE;&#xFF0C;&#x79BB;&#x5F00;&#x5F53;&#x524D;&#x9875;&#x9762;&#x65F6;&#x89E6;&#x53D1;</td>
</tr>
<tr>
<td>popstate</td>
<td></td>
</tr>
<tr>
<td>hashchange</td>
<td></td>
</tr>
<tr>
<td>readystatechange</td>
<td></td>
</tr>
<tr>
<td>scroll</td>
<td>&#x5728;&#x6587;&#x6863;&#x6216;&#x6587;&#x6863;&#x5143;&#x7D20;&#x6EDA;&#x52A8;&#x65F6;&#x89E6;&#x53D1;</td>
</tr>
<tr>
<td>resize</td>
<td>&#x5728;&#x6539;&#x53D8;&#x6D4F;&#x89C8;&#x5668;&#x7A97;&#x53E3;&#x5927;&#x5C0F;&#x65F6;&#x89E6;&#x53D1;</td>
</tr>
<tr>
<td>fullscreenchange</td>
<td>&#x8FDB;&#x5165;&#x6216;&#x9000;&#x51FA;&#x5168;&#x5C4F;&#x72B6;&#x6001;&#x65F6;&#x89E6;&#x53D1;</td>
</tr>
<tr>
<td>fullscreenerror</td>
<td>&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x65E0;&#x6CD5;&#x5207;&#x6362;&#x5230;&#x5168;&#x5C4F;&#x72B6;&#x6001;&#x65F6;&#x89E6;&#x53D1;</td>
</tr>
<tr>
<td>cut</td>
<td>&#x5C06;&#x9009;&#x4E2D;&#x7684;&#x5185;&#x5BB9;&#x4ECE;&#x6587;&#x6863;&#x4E2D;&#x79FB;&#x9664;&#xFF0C;&#x52A0;&#x5165;&#x526A;&#x8D34;&#x677F;&#x65F6;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>copy</td>
<td>&#x8FDB;&#x884C;&#x590D;&#x5236;&#x52A8;&#x4F5C;&#x65F6;&#x89E6;&#x53D1;&#x3002;</td>
</tr>
<tr>
<td>paste</td>
<td>&#x526A;&#x8D34;&#x677F;&#x5185;&#x5BB9;&#x7C98;&#x8D34;&#x5230;&#x6587;&#x6863;&#x540E;&#x89E6;&#x53D1;</td>
</tr>
<tr>
<td>focus</td>
<td>&#x5143;&#x7D20;&#x8282;&#x70B9;&#x83B7;&#x5F97;&#x7126;&#x70B9;&#x540E;&#x89E6;&#x53D1;&#xFF0C;&#x8BE5;&#x4E8B;&#x4EF6;&#x4E0D;&#x4F1A;&#x5192;&#x6CE1;&#x3002;</td>
</tr>
<tr>
<td>blur</td>
<td>&#x5143;&#x7D20;&#x8282;&#x70B9;&#x5931;&#x53BB;&#x7126;&#x70B9;&#x540E;&#x89E6;&#x53D1;&#xFF0C;&#x8BE5;&#x4E8B;&#x4EF6;&#x4E0D;&#x4F1A;&#x5192;&#x6CE1;&#x3002;</td>
</tr>
<tr>
<td>focusin</td>
<td>&#x5143;&#x7D20;&#x8282;&#x70B9;&#x5C06;&#x8981;&#x83B7;&#x5F97;&#x7126;&#x70B9;&#x65F6;&#x89E6;&#x53D1;&#xFF0C;&#x53D1;&#x751F;&#x5728;focus&#x4E8B;&#x4EF6;&#x4E4B;&#x524D;&#x3002;&#x8BE5;&#x4E8B;&#x4EF6;&#x4F1A;&#x5192;&#x6CE1;&#x3002;</td>
</tr>
<tr>
<td>focusout</td>
<td>&#x5143;&#x7D20;&#x8282;&#x70B9;&#x5C06;&#x8981;&#x5931;&#x53BB;&#x7126;&#x70B9;&#x65F6;&#x89E6;&#x53D1;&#xFF0C;&#x53D1;&#x751F;&#x5728;blur&#x4E8B;&#x4EF6;&#x4E4B;&#x524D;&#x3002;&#x8BE5;&#x4E8B;&#x4EF6;&#x4F1A;&#x5192;&#x6CE1;&#x3002;</td>
</tr>
</tbody>
</table>
<h3 id="&#x62D6;&#x62C9;&#x4E8B;&#x4EF6;"><a name="&#x62D6;&#x62C9;&#x4E8B;&#x4EF6;" class="anchor-navigation-ex-anchor" href="#&#x62D6;&#x62C9;&#x4E8B;&#x4EF6;"><i class="fa fa-link" aria-hidden="true"></i></a>2.29.6. &#x62D6;&#x62C9;&#x4E8B;&#x4EF6;</h3>
<pre><code class="lang-text">&#x62D6;&#x62C9;&#x6307;&#x7684;&#x662F;&#xFF0C;&#x7528;&#x6237;&#x5728;&#x67D0;&#x4E2A;&#x5BF9;&#x8C61;&#x4E0A;&#x6309;&#x4E0B;&#x9F20;&#x6807;&#x952E;&#x4E0D;&#x653E;&#xFF0C;
&#x62D6;&#x52A8;&#x5B83;&#x5230;&#x53E6;&#x4E00;&#x4E2A;&#x4F4D;&#x7F6E;&#xFF0C;&#x7136;&#x540E;&#x91CA;&#x653E;&#x9F20;&#x6807;&#x952E;&#xFF0C;&#x5C06;&#x8BE5;&#x5BF9;&#x8C61;&#x653E;&#x5728;&#x90A3;&#x91CC;&#x3002;
draggable&#x5C5E;&#x6027;&#x53EF;&#x7528;&#x4E8E;&#x4EFB;&#x4F55;&#x5143;&#x7D20;&#x8282;&#x70B9; &#x3002;&#x56FE;&#x7247;&#x548C;&#x94FE;&#x63A5;&#x9ED8;&#x8BA4;&#x53EF;&#x4EE5;&#x62D6;&#x62C9;&#x3002;
&#x4E00;&#x65E6;&#x67D0;&#x4E2A;&#x5143;&#x7D20;&#x8282;&#x70B9; draggable=true&#xFF0C;&#x5C31;&#x65E0;&#x6CD5;&#x518D;&#x7528;&#x9F20;&#x6807;&#x9009;&#x4E2D;&#x8BE5;&#x8282;&#x70B9;&#x5185;&#x90E8;&#x7684;&#x6587;&#x5B57;&#x6216;&#x5B50;&#x8282;&#x70B9;&#x4E86;&#x3002;
</code></pre>
<h1 id="css"><a name="css" class="anchor-navigation-ex-anchor" href="#css"><i class="fa fa-link" aria-hidden="true"></i></a>3. css</h1>
<p><a href="https://www.runoob.com/cssref/css-reference.html" target="_blank">cssref</a></p>
<h2 id="css-&#x5F15;&#x5165;"><a name="css-&#x5F15;&#x5165;" class="anchor-navigation-ex-anchor" href="#css-&#x5F15;&#x5165;"><i class="fa fa-link" aria-hidden="true"></i></a>3.1. css &#x5F15;&#x5165;</h2>
<pre><code class="lang-text">// &#x5916;&#x90E8;&#x6837;&#x5F0F;&#x8868;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;mystyle.css&quot; /&gt;

// &#x5185;&#x90E8;&#x6837;&#x5F0F;&#x8868;
&lt;style type=&quot;text/css&quot;&gt;
  hr {color: sienna;}
  ...
&lt;/style&gt;

// &#x5185;&#x8054;&#x6837;&#x5F0F;
&#x5185;&#x8054;&#x6837;&#x5F0F;&#x4F1A;&#x635F;&#x5931;&#x6389;&#x6837;&#x5F0F;&#x8868;&#x7684;&#x8BB8;&#x591A;&#x4F18;&#x52BF;&#x3002;&#x8BF7;&#x614E;&#x7528;&#x3002;
&lt;p style=&quot;color: sienna; margin-left: 20px&quot;&gt;
This is a paragraph
</code></pre>
<h2 id="css-&#x4F18;&#x5148;&#x7EA7;"><a name="css-&#x4F18;&#x5148;&#x7EA7;" class="anchor-navigation-ex-anchor" href="#css-&#x4F18;&#x5148;&#x7EA7;"><i class="fa fa-link" aria-hidden="true"></i></a>3.2. css &#x4F18;&#x5148;&#x7EA7;</h2>
<pre><code class="lang-text">&#x540C;&#x4E00;&#x5143;&#x7D20;&#x540C;&#x65F6;&#x4F7F;&#x7528;Style,ID,Class&#x6765;&#x6307;&#x5B9A;&#x6837;&#x5F0F;.
style &gt; id &gt; class

&#x5982;&#x679C;&#x662F;&#x4E0D;&#x540C;&#x5143;&#x7D20;,&#x8FD8;&#x9700;&#x8981;&#x770B;&#x5143;&#x7D20;&#x7236;&#x5C42;&#x7EA7;&#x7684;&#x6837;&#x5F0F;:
1.&#x5B50;&#x5143;&#x7D20;&#x81EA;&#x8EAB;&#x6709;&#x6837;&#x5F0F;,&#x4EE5;&#x81EA;&#x8EAB;&#x7684;&#x4E3A;&#x51C6;.
2.&#x5B50;&#x5143;&#x7D20;&#x672A;&#x8BBE;&#x5B9A;&#x6837;&#x5F0F;,&#x6B64;&#x65F6;&#x5982;&#x679C;&#x7236;&#x5143;&#x7D20;&#x6709;&#x5B9A;&#x4E49;&#x7684;&#x8BDD;&#x5957;&#x7528;&#x7236;&#x5143;&#x7D20;&#x7684;&#x6837;&#x5F0F;&#x5426;&#x5219;&#x4EE5;&#x9ED8;&#x8BA4;&#x663E;&#x793A;
 &lt;div class=&quot;login-container&quot; style=&quot;background-color: #141a48; &quot;&gt;
</code></pre>
<h2 id="css-&#x9009;&#x62E9;&#x5668;"><a name="css-&#x9009;&#x62E9;&#x5668;" class="anchor-navigation-ex-anchor" href="#css-&#x9009;&#x62E9;&#x5668;"><i class="fa fa-link" aria-hidden="true"></i></a>3.3. css &#x9009;&#x62E9;&#x5668;</h2>
<pre><code class="lang-text">// &#x5355;&#x4E2A;&#x5143;&#x7D20;&#x9009;&#x62E9;&#x5668;
body {
  // &#x989C;&#x8272;&#x58F0;&#x660E;
  color: #000;
  // &#x80CC;&#x666F;&#x58F0;&#x660E;
  background: #fff;
}

// &#x5143;&#x7D20;&#x5206;&#x7EC4; &#x9009;&#x62E9;&#x5668;
h1,h2,h3,h4,h5,h6 {
  color: green;
  }

// &#x6D3E;&#x751F;&#x9009;&#x62E9;&#x5668;  
&#x5E38;&#x4E0E;id&#x9009;&#x62E9;&#x5668;&#x3001;&#x7C7B;&#x9009;&#x62E9;&#x5668;&#x4E00;&#x8D77;&#x4F7F;&#x7528;&#xFF0C;&#x53EF;&#x4EE5;&#x66F4;&#x65B9;&#x4FBF;&#x5730;&#x5B9A;&#x4E49;&#x5C40;&#x90E8;&#x7684;css.
&#x91CD;&#x65B0;&#x5B9A;&#x4E49;id&#x4E3A;sidebar&#x4E0B;&#x7684; strong&#x5C5E;&#x6027;
sidebar strong {
    font-style: italic;
    font-weight: normal;
  }

// id &#x9009;&#x62E9;&#x5668;  ,&#x7528; # &#x6765;&#x5B9A;&#x4E49;
&lt;div id=&quot;sidebar&quot;&gt; ..... &lt;/div&gt;
#sidebar p {
    font-style: italic;
    text-align: right;
    margin-top: 0.5em;
    }

// &#x7C7B;&#x9009;&#x62E9;&#x5668;  ,  &#x7528; . &#x6765;&#x5B9A;&#x4E49;
&lt;h1 class=&quot;center&quot;&gt;
.center {
  text-align: center ;
}  

// &#x5C5E;&#x6027;&#x9009;&#x62E9;&#x5668;
[title]
{
color:red;
}
[&#x5C5E;&#x6027;]          //&#x7528;&#x4E8E;&#x9009;&#x53D6;&#x5E26;&#x6709;&#x6307;&#x5B9A;&#x5C5E;&#x6027;&#x7684;&#x5143;&#x7D20;&#x3002;
[&#x5C5E;&#x6027;=value]    //&#x7528;&#x4E8E;&#x9009;&#x53D6;&#x5E26;&#x6709;&#x6307;&#x5B9A;&#x5C5E;&#x6027;&#x548C;&#x503C;&#x7684;&#x5143;&#x7D20;&#x3002;
[&#x5C5E;&#x6027;~=value]    //&#x7528;&#x4E8E;&#x9009;&#x53D6;&#x5C5E;&#x6027;&#x503C;&#x4E2D;&#x5305;&#x542B;&#x6307;&#x5B9A;&#x8BCD;&#x6C47;&#x7684;&#x5143;&#x7D20;&#x3002;
[&#x5C5E;&#x6027;|=value] //&#x7528;&#x4E8E;&#x9009;&#x53D6;&#x5E26;&#x6709;&#x4EE5;&#x6307;&#x5B9A;&#x503C;&#x5F00;&#x5934;&#x7684;&#x5C5E;&#x6027;&#x503C;&#x7684;&#x5143;&#x7D20;&#xFF0C;&#x8BE5;&#x503C;&#x5FC5;&#x987B;&#x662F;&#x6574;&#x4E2A;&#x5355;&#x8BCD;&#x3002;
[&#x5C5E;&#x6027;^=value]    //&#x5339;&#x914D;&#x5C5E;&#x6027;&#x503C;&#x4EE5;&#x6307;&#x5B9A;&#x503C;&#x5F00;&#x5934;&#x7684;&#x6BCF;&#x4E2A;&#x5143;&#x7D20;&#x3002;
[&#x5C5E;&#x6027;$=value]    //&#x5339;&#x914D;&#x5C5E;&#x6027;&#x503C;&#x4EE5;&#x6307;&#x5B9A;&#x503C;&#x7ED3;&#x5C3E;&#x7684;&#x6BCF;&#x4E2A;&#x5143;&#x7D20;&#x3002;
[&#x5C5E;&#x6027;*=value]    //&#x5339;&#x914D;&#x5C5E;&#x6027;&#x503C;&#x4E2D;&#x5305;&#x542B;&#x6307;&#x5B9A;&#x503C;&#x7684;&#x6BCF;&#x4E2A;&#x5143;&#x7D20;&#x3002;


//  css &#x5176;&#x4ED6;&#x5E38;&#x7528;&#x9009;&#x62E9;&#x5668;
&#x9009;&#x62E9;&#x6240;&#x6709;&#x5143;&#x7D20;&#xFF0C;&#x5E76;&#x8BBE;&#x7F6E;&#x5B83;&#x4EEC;&#x7684;&#x80CC;&#x666F;&#x8272;&#xFF1A;
*
{
 background-color:yellow;
}

&#x9009;&#x62E9;&#x672A;&#x88AB;&#x8BBF;&#x95EE;&#x7684;&#x94FE;&#x63A5;&#xFF0C;&#x5E76;&#x8BBE;&#x7F6E;&#x5176;&#x6837;&#x5F0F;&#xFF1A;
a:link
{
  background-color:yellow;
}

&#x9009;&#x62E9;&#x5DF2;&#x8BBF;&#x95EE;&#x7684;&#x94FE;&#x63A5;&#xFF0C;&#x5E76;&#x8BBE;&#x7F6E;&#x5176;&#x6837;&#x5F0F;&#xFF1A;
a:visited
{
background-color:yellow;
}

&#x9009;&#x62E9;&#x6D3B;&#x52A8;&#x94FE;&#x63A5;&#xFF0C;&#x5E76;&#x8BBE;&#x7F6E;&#x5176;&#x6837;&#x5F0F;&#xFF1A;
a:active
{
background-color:yellow;
}

&#x9009;&#x62E9;&#x9F20;&#x6807;&#x6307;&#x9488;&#x6D6E;&#x52A8;&#x5728;&#x5176;&#x4E0A;&#x7684;&#x5143;&#x7D20;&#xFF0C;&#x5E76;&#x8BBE;&#x7F6E;&#x5176;&#x6837;&#x5F0F;&#xFF1A;
a:hover
{
background-color:yellow;
}

&#x9009;&#x62E9;&#x83B7;&#x5F97;&#x7126;&#x70B9;&#x7684;&#x8F93;&#x5165;&#x5B57;&#x6BB5;&#xFF0C;&#x5E76;&#x8BBE;&#x7F6E;&#x5176;&#x6837;&#x5F0F;&#xFF1A;
input:focus
{
background-color:yellow;
}

&#x4E3A;&#x6240;&#x6709; type=&quot;text&quot; &#x7684;&#x5DF2;&#x542F;&#x7528;&#x7684; input &#x5143;&#x7D20;&#x8BBE;&#x7F6E;&#x80CC;&#x666F;&#x8272;&#xFF1A;
input[type=&quot;text&quot;]:enabled
{
background-color: #ff0000;
}

&#x4E3A;&#x6240;&#x6709; type=&quot;text&quot; &#x7684;&#x88AB;&#x7981;&#x7528;&#x7684; input &#x5143;&#x7D20;&#x8BBE;&#x7F6E;&#x80CC;&#x666F;&#x8272;&#xFF1A;
input[type=&quot;text&quot;]:disabled
{
background-color: #dddddd;
}

&#x4E3A;&#x6240;&#x6709;&#x88AB;&#x9009;&#x4E2D;&#x7684; input &#x5143;&#x7D20;&#x8BBE;&#x7F6E;&#x80CC;&#x666F;&#x8272;&#xFF1A;
input:checked
{
background-color: #ff0000;
}
</code></pre>
<h2 id="css-&#x5B9A;&#x4F4D;"><a name="css-&#x5B9A;&#x4F4D;" class="anchor-navigation-ex-anchor" href="#css-&#x5B9A;&#x4F4D;"><i class="fa fa-link" aria-hidden="true"></i></a>3.4. css &#x5B9A;&#x4F4D;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>position</td>
<td>//&#x5143;&#x7D20;&#x6846;&#x6B63;&#x5E38;&#x751F;&#x6210;&#x3002;&#x5757;&#x7EA7;&#x5143;&#x7D20;&#x751F;&#x6210;&#x4E00;&#x4E2A;&#x77E9;&#x5F62;&#x6846;&#xFF0C;&#x4F5C;&#x4E3A;&#x6587;&#x6863;&#x6D41;&#x7684;&#x4E00;&#x90E8;&#x5206;&#xFF0C;&#x884C;&#x5185;&#x5143;&#x7D20;&#x5219;&#x4F1A;&#x521B;&#x5EFA;&#x4E00;&#x4E2A;&#x6216;&#x591A;&#x4E2A;&#x884C;&#x6846;&#xFF0C;&#x7F6E;&#x4E8E;&#x5176;&#x7236;&#x5143;&#x7D20;&#x4E2D;&#x3002; <br> static <br><br>//&#x5143;&#x7D20;&#x6846;&#x504F;&#x79FB;&#x67D0;&#x4E2A;&#x8DDD;&#x79BB;&#x3002;&#x5143;&#x7D20;&#x4ECD;&#x4FDD;&#x6301;&#x5176;&#x672A;&#x5B9A;&#x4F4D;&#x524D;&#x7684;&#x5F62;&#x72B6;&#xFF0C;&#x5B83;&#x539F;&#x672C;&#x6240;&#x5360;&#x7684;&#x7A7A;&#x95F4;&#x4ECD;&#x4FDD;&#x7559;&#x3002; <br> relative <br>  <br> //&#x5143;&#x7D20;&#x6846;&#x4ECE;&#x6587;&#x6863;&#x6D41;&#x5B8C;&#x5168;&#x5220;&#x9664;&#xFF0C;&#x5E76;&#x76F8;&#x5BF9;&#x4E8E;&#x5176;&#x5305;&#x542B;&#x5757;&#x5B9A;&#x4F4D;&#x3002;&#x5305;&#x542B;&#x5757;&#x53EF;&#x80FD;&#x662F;&#x6587;&#x6863;&#x4E2D;&#x7684;&#x53E6;&#x4E00;&#x4E2A;&#x5143;&#x7D20;&#x6216;&#x8005;&#x662F;&#x521D;&#x59CB;&#x5305;&#x542B;&#x5757;&#x3002;&#x5143;&#x7D20;&#x539F;&#x5148;&#x5728;&#x6B63;&#x5E38;&#x6587;&#x6863;&#x6D41;&#x4E2D;&#x6240;&#x5360;&#x7684;&#x7A7A;&#x95F4;&#x4F1A;&#x5173;&#x95ED;&#xFF0C;&#x5C31;&#x597D;&#x50CF;&#x5143;&#x7D20;&#x539F;&#x6765;&#x4E0D;&#x5B58;&#x5728;&#x4E00;&#x6837;&#x3002;&#x5143;&#x7D20;&#x5B9A;&#x4F4D;&#x540E;&#x751F;&#x6210;&#x4E00;&#x4E2A;&#x5757;&#x7EA7;&#x6846;&#xFF0C;&#x800C;&#x4E0D;&#x8BBA;&#x539F;&#x6765;&#x5B83;&#x5728;&#x6B63;&#x5E38;&#x6D41;&#x4E2D;&#x751F;&#x6210;&#x4F55;&#x79CD;&#x7C7B;&#x578B;&#x7684;&#x6846;&#x3002; <br> absolute <br>  <br> //&#x5143;&#x7D20;&#x6846;&#x7684;&#x8868;&#x73B0;&#x7C7B;&#x4F3C;&#x4E8E;&#x5C06; position &#x8BBE;&#x7F6E;&#x4E3A; absolute&#xFF0C;&#x4E0D;&#x8FC7;&#x5176;&#x5305;&#x542B;&#x5757;&#x662F;&#x89C6;&#x7A97;&#x672C;&#x8EAB;&#x3002; <br> fixed</td>
</tr>
<tr>
<td>top</td>
<td>&#x5B9A;&#x4E49;&#x4E86;&#x4E00;&#x4E2A;&#x5B9A;&#x4F4D;&#x5143;&#x7D20;&#x7684;&#x4E0A;&#x5916;&#x8FB9;&#x8DDD;&#x8FB9;&#x754C;&#x4E0E;&#x5176;&#x5305;&#x542B;&#x5757;&#x4E0A;&#x8FB9;&#x754C;&#x4E4B;&#x95F4;&#x7684;&#x504F;&#x79FB;&#x3002;</td>
</tr>
<tr>
<td>right</td>
<td>&#x5B9A;&#x4E49;&#x4E86;&#x5B9A;&#x4F4D;&#x5143;&#x7D20;&#x53F3;&#x5916;&#x8FB9;&#x8DDD;&#x8FB9;&#x754C;&#x4E0E;&#x5176;&#x5305;&#x542B;&#x5757;&#x53F3;&#x8FB9;&#x754C;&#x4E4B;&#x95F4;&#x7684;&#x504F;&#x79FB;&#x3002;</td>
</tr>
<tr>
<td>bottom</td>
<td>&#x5B9A;&#x4E49;&#x4E86;&#x5B9A;&#x4F4D;&#x5143;&#x7D20;&#x4E0B;&#x5916;&#x8FB9;&#x8DDD;&#x8FB9;&#x754C;&#x4E0E;&#x5176;&#x5305;&#x542B;&#x5757;&#x4E0B;&#x8FB9;&#x754C;&#x4E4B;&#x95F4;&#x7684;&#x504F;&#x79FB;&#x3002;</td>
</tr>
<tr>
<td>left</td>
<td>&#x5B9A;&#x4E49;&#x4E86;&#x5B9A;&#x4F4D;&#x5143;&#x7D20;&#x5DE6;&#x5916;&#x8FB9;&#x8DDD;&#x8FB9;&#x754C;&#x4E0E;&#x5176;&#x5305;&#x542B;&#x5757;&#x5DE6;&#x8FB9;&#x754C;&#x4E4B;&#x95F4;&#x7684;&#x504F;&#x79FB;&#x3002;</td>
</tr>
<tr>
<td>overflow</td>
<td>&#x8BBE;&#x7F6E;&#x5F53;&#x5143;&#x7D20;&#x7684;&#x5185;&#x5BB9;&#x6EA2;&#x51FA;&#x5176;&#x533A;&#x57DF;&#x65F6;&#x53D1;&#x751F;&#x7684;&#x4E8B;&#x60C5;&#x3002;</td>
</tr>
<tr>
<td>clip</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x5F62;&#x72B6;&#x3002;&#x5143;&#x7D20;&#x88AB;&#x526A;&#x5165;&#x8FD9;&#x4E2A;&#x5F62;&#x72B6;&#x4E4B;&#x4E2D;&#xFF0C;&#x7136;&#x540E;&#x663E;&#x793A;&#x51FA;&#x6765;&#x3002;</td>
</tr>
<tr>
<td>vertical-align</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x5782;&#x76F4;&#x5BF9;&#x9F50;&#x65B9;&#x5F0F;&#x3002;</td>
</tr>
<tr>
<td>z-index</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x5806;&#x53E0;&#x987A;&#x5E8F;</td>
</tr>
<tr>
<td>clear</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x7684;&#x54EA;&#x4E00;&#x4FA7;&#x4E0D;&#x5141;&#x8BB8;&#x5176;&#x4ED6;&#x6D6E;&#x52A8;&#x5143;&#x7D20;&#x3002;</td>
</tr>
<tr>
<td>cursor</td>
<td>&#x89C4;&#x5B9A;&#x8981;&#x663E;&#x793A;&#x7684;&#x5149;&#x6807;&#x7684;&#x7C7B;&#x578B;&#xFF08;&#x5F62;&#x72B6;&#xFF09;&#x3002;</td>
</tr>
<tr>
<td>display</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x5E94;&#x8BE5;&#x751F;&#x6210;&#x7684;&#x6846;&#x7684;&#x7C7B;&#x578B;&#x3002;</td>
</tr>
<tr>
<td>float</td>
<td>&#x89C4;&#x5B9A;&#x6846;&#x662F;&#x5426;&#x5E94;&#x8BE5;&#x6D6E;&#x52A8;&#x3002;</td>
</tr>
<tr>
<td>visibility</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x662F;&#x5426;&#x53EF;&#x89C1;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x5C3A;&#x5BF8;"><a name="css-&#x5C3A;&#x5BF8;" class="anchor-navigation-ex-anchor" href="#css-&#x5C3A;&#x5BF8;"><i class="fa fa-link" aria-hidden="true"></i></a>3.5. css &#x5C3A;&#x5BF8;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>height</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x9AD8;&#x5EA6;&#x3002;</td>
</tr>
<tr>
<td>width</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x5BBD;&#x5EA6;&#x3002;</td>
</tr>
<tr>
<td>min-height</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x6700;&#x5C0F;&#x9AD8;&#x5EA6;&#x3002;</td>
</tr>
<tr>
<td>min-width</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x6700;&#x5C0F;&#x5BBD;&#x5EA6;&#x3002;</td>
</tr>
<tr>
<td>max-height</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x6700;&#x5927;&#x9AD8;&#x5EA6;&#x3002;</td>
</tr>
<tr>
<td>max-width</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x6700;&#x5927;&#x5BBD;&#x5EA6;&#x3002;</td>
</tr>
<tr>
<td>line-height</td>
<td>&#x8BBE;&#x7F6E;&#x884C;&#x9AD8;</td>
</tr>
</tbody>
</table>
<h2 id="css-border-&#x8FB9;&#x8DDD;"><a name="css-border-&#x8FB9;&#x8DDD;" class="anchor-navigation-ex-anchor" href="#css-border-&#x8FB9;&#x8DDD;"><i class="fa fa-link" aria-hidden="true"></i></a>3.6. css border &#x8FB9;&#x8DDD;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>border</td>
<td>&#x7B80;&#x5199;&#x5C5E;&#x6027;&#xFF0C;&#x7528;&#x4E8E;&#x628A;&#x9488;&#x5BF9;&#x56DB;&#x4E2A;&#x8FB9;&#x7684;&#x5C5E;&#x6027;&#x8BBE;&#x7F6E;&#x5728;&#x4E00;&#x4E2A;&#x58F0;&#x660E;&#x3002;</td>
</tr>
<tr>
<td>border-style</td>
<td>&#x7528;&#x4E8E;&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x6240;&#x6709;&#x8FB9;&#x6846;&#x7684;&#x6837;&#x5F0F;&#xFF0C;&#x6216;&#x8005;&#x5355;&#x72EC;&#x5730;&#x4E3A;&#x5404;&#x8FB9;&#x8BBE;&#x7F6E;&#x8FB9;&#x6846;&#x6837;&#x5F0F;&#x3002;</td>
</tr>
<tr>
<td>border-width</td>
<td>&#x7B80;&#x5199;&#x5C5E;&#x6027;&#xFF0C;&#x7528;&#x4E8E;&#x4E3A;&#x5143;&#x7D20;&#x7684;&#x6240;&#x6709;&#x8FB9;&#x6846;&#x8BBE;&#x7F6E;&#x5BBD;&#x5EA6;&#xFF0C;&#x6216;&#x8005;&#x5355;&#x72EC;&#x5730;&#x4E3A;&#x5404;&#x8FB9;&#x8FB9;&#x6846;&#x8BBE;&#x7F6E;&#x5BBD;&#x5EA6;&#x3002;</td>
</tr>
<tr>
<td>border-color</td>
<td>&#x7B80;&#x5199;&#x5C5E;&#x6027;&#xFF0C;&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x6240;&#x6709;&#x8FB9;&#x6846;&#x4E2D;&#x53EF;&#x89C1;&#x90E8;&#x5206;&#x7684;&#x989C;&#x8272;&#xFF0C;&#x6216;&#x4E3A; 4 &#x4E2A;&#x8FB9;&#x5206;&#x522B;&#x8BBE;&#x7F6E;&#x989C;&#x8272;&#x3002;</td>
</tr>
<tr>
<td>border-bottom</td>
<td>&#x7B80;&#x5199;&#x5C5E;&#x6027;&#xFF0C;&#x7528;&#x4E8E;&#x628A;&#x4E0B;&#x8FB9;&#x6846;&#x7684;&#x6240;&#x6709;&#x5C5E;&#x6027;&#x8BBE;&#x7F6E;&#x5230;&#x4E00;&#x4E2A;&#x58F0;&#x660E;&#x4E2D;&#x3002;</td>
</tr>
<tr>
<td>border-bottom-color</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x4E0B;&#x8FB9;&#x6846;&#x7684;&#x989C;&#x8272;&#x3002;</td>
</tr>
<tr>
<td>border-bottom-style</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x4E0B;&#x8FB9;&#x6846;&#x7684;&#x6837;&#x5F0F;&#x3002;</td>
</tr>
<tr>
<td>border-bottom-width</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x4E0B;&#x8FB9;&#x6846;&#x7684;&#x5BBD;&#x5EA6;&#x3002;</td>
</tr>
<tr>
<td>border-left</td>
<td>&#x7B80;&#x5199;&#x5C5E;&#x6027;&#xFF0C;&#x7528;&#x4E8E;&#x628A;&#x5DE6;&#x8FB9;&#x6846;&#x7684;&#x6240;&#x6709;&#x5C5E;&#x6027;&#x8BBE;&#x7F6E;&#x5230;&#x4E00;&#x4E2A;&#x58F0;&#x660E;&#x4E2D;&#x3002;</td>
</tr>
<tr>
<td>border-left-color</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x5DE6;&#x8FB9;&#x6846;&#x7684;&#x989C;&#x8272;&#x3002;</td>
</tr>
<tr>
<td>border-left-style</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x5DE6;&#x8FB9;&#x6846;&#x7684;&#x6837;&#x5F0F;&#x3002;</td>
</tr>
<tr>
<td>border-left-width</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x5DE6;&#x8FB9;&#x6846;&#x7684;&#x5BBD;&#x5EA6;&#x3002;</td>
</tr>
<tr>
<td>border-right</td>
<td>&#x7B80;&#x5199;&#x5C5E;&#x6027;&#xFF0C;&#x7528;&#x4E8E;&#x628A;&#x53F3;&#x8FB9;&#x6846;&#x7684;&#x6240;&#x6709;&#x5C5E;&#x6027;&#x8BBE;&#x7F6E;&#x5230;&#x4E00;&#x4E2A;&#x58F0;&#x660E;&#x4E2D;&#x3002;</td>
</tr>
<tr>
<td>border-right-color</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x53F3;&#x8FB9;&#x6846;&#x7684;&#x989C;&#x8272;&#x3002;</td>
</tr>
<tr>
<td>border-right-style</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x53F3;&#x8FB9;&#x6846;&#x7684;&#x6837;&#x5F0F;&#x3002;</td>
</tr>
<tr>
<td>border-right-width</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x53F3;&#x8FB9;&#x6846;&#x7684;&#x5BBD;&#x5EA6;&#x3002;</td>
</tr>
<tr>
<td>border-top</td>
<td>&#x7B80;&#x5199;&#x5C5E;&#x6027;&#xFF0C;&#x7528;&#x4E8E;&#x628A;&#x4E0A;&#x8FB9;&#x6846;&#x7684;&#x6240;&#x6709;&#x5C5E;&#x6027;&#x8BBE;&#x7F6E;&#x5230;&#x4E00;&#x4E2A;&#x58F0;&#x660E;&#x4E2D;&#x3002;</td>
</tr>
<tr>
<td>border-top-color</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x4E0A;&#x8FB9;&#x6846;&#x7684;&#x989C;&#x8272;&#x3002;</td>
</tr>
<tr>
<td>border-top-style</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x4E0A;&#x8FB9;&#x6846;&#x7684;&#x6837;&#x5F0F;&#x3002;</td>
</tr>
<tr>
<td>border-top-width</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x4E0A;&#x8FB9;&#x6846;&#x7684;&#x5BBD;&#x5EA6;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x5185;&#x8FB9;&#x8DDD;&#x5C5E;&#x6027;"><a name="css-&#x5185;&#x8FB9;&#x8DDD;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-&#x5185;&#x8FB9;&#x8DDD;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.7. css &#x5185;&#x8FB9;&#x8DDD;&#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>padding</td>
<td>&#x7B80;&#x5199;&#x5C5E;&#x6027;&#x3002;&#x4F5C;&#x7528;&#x662F;&#x5728;&#x4E00;&#x4E2A;&#x58F0;&#x660E;&#x4E2D;&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x6240;&#x5185;&#x8FB9;&#x8DDD;&#x5C5E;&#x6027;&#x3002;&#x4E0A;&#x3001;&#x53F3;&#x3001;&#x4E0B;&#x3001;&#x5DE6;</td>
</tr>
<tr>
<td>padding-bottom</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x4E0B;&#x5185;&#x8FB9;&#x8DDD;&#x3002;</td>
</tr>
<tr>
<td>padding-left</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x5DE6;&#x5185;&#x8FB9;&#x8DDD;&#x3002;</td>
</tr>
<tr>
<td>padding-right</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x53F3;&#x5185;&#x8FB9;&#x8DDD;&#x3002;</td>
</tr>
<tr>
<td>padding-top</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x4E0A;&#x5185;&#x8FB9;&#x8DDD;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x5916;&#x8FB9;&#x8DDD;&#x5C5E;&#x6027;"><a name="css-&#x5916;&#x8FB9;&#x8DDD;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-&#x5916;&#x8FB9;&#x8DDD;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.8. css &#x5916;&#x8FB9;&#x8DDD;&#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>margin</td>
<td>&#x7B80;&#x5199;&#x5C5E;&#x6027;&#x3002;&#x5728;&#x4E00;&#x4E2A;&#x58F0;&#x660E;&#x4E2D;&#x8BBE;&#x7F6E;&#x6240;&#x6709;&#x5916;&#x8FB9;&#x8DDD;&#x5C5E;&#x6027;&#x3002;</td>
</tr>
<tr>
<td>margin-bottom</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x4E0B;&#x5916;&#x8FB9;&#x8DDD;&#x3002;</td>
</tr>
<tr>
<td>margin-left</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x5DE6;&#x5916;&#x8FB9;&#x8DDD;&#x3002;</td>
</tr>
<tr>
<td>margin-right</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x53F3;&#x5916;&#x8FB9;&#x8DDD;&#x3002;</td>
</tr>
<tr>
<td>margin-top</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684;&#x4E0A;&#x5916;&#x8FB9;&#x8DDD;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css---&#x8FB9;&#x6846;"><a name="css---&#x8FB9;&#x6846;" class="anchor-navigation-ex-anchor" href="#css---&#x8FB9;&#x6846;"><i class="fa fa-link" aria-hidden="true"></i></a>3.9. css   &#x8FB9;&#x6846;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>border</td>
<td>&#x5728;&#x4E00;&#x4E2A;&#x58F0;&#x660E;&#x4E2D;&#x8BBE;&#x7F6E;&#x6240;&#x6709;&#x7684;&#x8FB9;&#x6846;&#x5C5E;&#x6027;&#x3002;</td>
</tr>
<tr>
<td>border-bottom</td>
<td>&#x5728;&#x4E00;&#x4E2A;&#x58F0;&#x660E;&#x4E2D;&#x8BBE;&#x7F6E;&#x6240;&#x6709;&#x7684;&#x4E0B;&#x8FB9;&#x6846;&#x5C5E;&#x6027;&#x3002;     </td>
</tr>
<tr>
<td>border-bottom-color</td>
<td>&#x8BBE;&#x7F6E;&#x4E0B;&#x8FB9;&#x6846;&#x7684;&#x989C;&#x8272;&#x3002;     </td>
</tr>
<tr>
<td>border-bottom-style</td>
<td>&#x8BBE;&#x7F6E;&#x4E0B;&#x8FB9;&#x6846;&#x7684;&#x6837;&#x5F0F;&#x3002;     </td>
</tr>
<tr>
<td>border-bottom-width</td>
<td>&#x8BBE;&#x7F6E;&#x4E0B;&#x8FB9;&#x6846;&#x7684;&#x5BBD;&#x5EA6;&#x3002;</td>
</tr>
<tr>
<td>border-color</td>
<td>&#x8BBE;&#x7F6E;&#x56DB;&#x6761;&#x8FB9;&#x6846;&#x7684;&#x989C;&#x8272;&#x3002;</td>
</tr>
<tr>
<td>border-left</td>
<td>&#x5728;&#x4E00;&#x4E2A;&#x58F0;&#x660E;&#x4E2D;&#x8BBE;&#x7F6E;&#x6240;&#x6709;&#x7684;&#x5DE6;&#x8FB9;&#x6846;&#x5C5E;&#x6027;&#x3002;     </td>
</tr>
<tr>
<td>border-left-color</td>
<td>&#x8BBE;&#x7F6E;&#x5DE6;&#x8FB9;&#x6846;&#x7684;&#x989C;&#x8272;&#x3002;     </td>
</tr>
<tr>
<td>border-left-style</td>
<td>&#x8BBE;&#x7F6E;&#x5DE6;&#x8FB9;&#x6846;&#x7684;&#x6837;&#x5F0F;&#x3002;     </td>
</tr>
<tr>
<td>border-left-width</td>
<td>&#x8BBE;&#x7F6E;&#x5DE6;&#x8FB9;&#x6846;&#x7684;&#x5BBD;&#x5EA6;&#x3002;     </td>
</tr>
<tr>
<td>border-right</td>
<td>&#x5728;&#x4E00;&#x4E2A;&#x58F0;&#x660E;&#x4E2D;&#x8BBE;&#x7F6E;&#x6240;&#x6709;&#x7684;&#x53F3;&#x8FB9;&#x6846;&#x5C5E;&#x6027;&#x3002;     </td>
</tr>
<tr>
<td>border-right-color</td>
<td>&#x8BBE;&#x7F6E;&#x53F3;&#x8FB9;&#x6846;&#x7684;&#x989C;&#x8272;&#x3002;</td>
</tr>
<tr>
<td>border-right-style</td>
<td>&#x8BBE;&#x7F6E;&#x53F3;&#x8FB9;&#x6846;&#x7684;&#x6837;&#x5F0F;&#x3002;     </td>
</tr>
<tr>
<td>border-right-width</td>
<td>&#x8BBE;&#x7F6E;&#x53F3;&#x8FB9;&#x6846;&#x7684;&#x5BBD;&#x5EA6;&#x3002;     </td>
</tr>
<tr>
<td>border-style</td>
<td>&#x8BBE;&#x7F6E;&#x56DB;&#x6761;&#x8FB9;&#x6846;&#x7684;&#x6837;&#x5F0F;&#x3002;     </td>
</tr>
<tr>
<td>border-top</td>
<td>&#x5728;&#x4E00;&#x4E2A;&#x58F0;&#x660E;&#x4E2D;&#x8BBE;&#x7F6E;&#x6240;&#x6709;&#x7684;&#x4E0A;&#x8FB9;&#x6846;&#x5C5E;&#x6027;&#x3002;     </td>
</tr>
<tr>
<td>border-top-color</td>
<td>&#x8BBE;&#x7F6E;&#x4E0A;&#x8FB9;&#x6846;&#x7684;&#x989C;&#x8272;&#x3002;     </td>
</tr>
<tr>
<td>border-top-style</td>
<td>&#x8BBE;&#x7F6E;&#x4E0A;&#x8FB9;&#x6846;&#x7684;&#x6837;&#x5F0F;&#x3002;     </td>
</tr>
<tr>
<td>border-top-width</td>
<td>&#x8BBE;&#x7F6E;&#x4E0A;&#x8FB9;&#x6846;&#x7684;&#x5BBD;&#x5EA6;&#x3002;</td>
</tr>
<tr>
<td>border-width</td>
<td>&#x8BBE;&#x7F6E;&#x56DB;&#x6761;&#x8FB9;&#x6846;&#x7684;&#x5BBD;&#x5EA6;&#x3002;     </td>
</tr>
<tr>
<td>outline</td>
<td>&#x5728;&#x4E00;&#x4E2A;&#x58F0;&#x660E;&#x4E2D;&#x8BBE;&#x7F6E;&#x6240;&#x6709;&#x7684;&#x8F6E;&#x5ED3;&#x5C5E;&#x6027;&#x3002;     </td>
</tr>
<tr>
<td>outline-color</td>
<td>&#x8BBE;&#x7F6E;&#x8F6E;&#x5ED3;&#x7684;&#x989C;&#x8272;&#x3002;     </td>
</tr>
<tr>
<td>outline-style</td>
<td>&#x8BBE;&#x7F6E;&#x8F6E;&#x5ED3;&#x7684;&#x6837;&#x5F0F;&#x3002;</td>
</tr>
<tr>
<td>outline-width</td>
<td>&#x8BBE;&#x7F6E;&#x8F6E;&#x5ED3;&#x7684;&#x5BBD;&#x5EA6;&#x3002;     </td>
</tr>
<tr>
<td>border-bottom-left-radius</td>
<td>&#x5B9A;&#x4E49;&#x8FB9;&#x6846;&#x5DE6;&#x4E0B;&#x89D2;&#x7684;&#x5F62;&#x72B6;&#x3002;     </td>
</tr>
<tr>
<td>border-bottom-right-radius</td>
<td>&#x5B9A;&#x4E49;&#x8FB9;&#x6846;&#x53F3;&#x4E0B;&#x89D2;&#x7684;&#x5F62;&#x72B6;&#x3002;     </td>
</tr>
<tr>
<td>border-image</td>
<td>&#x7B80;&#x5199;&#x5C5E;&#x6027;&#xFF0C;&#x8BBE;&#x7F6E;&#x6240;&#x6709; border-image-* &#x5C5E;&#x6027;&#x3002;     </td>
</tr>
<tr>
<td>border-image-outset</td>
<td>&#x89C4;&#x5B9A;&#x8FB9;&#x6846;&#x56FE;&#x50CF;&#x533A;&#x57DF;&#x8D85;&#x51FA;&#x8FB9;&#x6846;&#x7684;&#x91CF;&#x3002;</td>
</tr>
<tr>
<td>border-image-repeat</td>
<td>&#x56FE;&#x50CF;&#x8FB9;&#x6846;&#x662F;&#x5426;&#x5E94;&#x5E73;&#x94FA;(repeated)&#x3001;&#x94FA;&#x6EE1;(rounded)&#x6216;&#x62C9;&#x4F38;(stretched)&#x3002;     </td>
</tr>
<tr>
<td>border-image-slice</td>
<td>&#x89C4;&#x5B9A;&#x56FE;&#x50CF;&#x8FB9;&#x6846;&#x7684;&#x5411;&#x5185;&#x504F;&#x79FB;&#x3002;</td>
</tr>
<tr>
<td>border-image-source</td>
<td>&#x89C4;&#x5B9A;&#x7528;&#x4F5C;&#x8FB9;&#x6846;&#x7684;&#x56FE;&#x7247;&#x3002;</td>
</tr>
<tr>
<td>border-image-width</td>
<td>&#x89C4;&#x5B9A;&#x56FE;&#x7247;&#x8FB9;&#x6846;&#x7684;&#x5BBD;&#x5EA6;&#x3002;</td>
</tr>
<tr>
<td>border-radius</td>
<td>&#x7B80;&#x5199;&#x5C5E;&#x6027;&#xFF0C;&#x8BBE;&#x7F6E;&#x6240;&#x6709;&#x56DB;&#x4E2A; border-*-radius &#x5C5E;&#x6027;&#x3002;</td>
</tr>
<tr>
<td>border-top-left-radius</td>
<td>&#x5B9A;&#x4E49;&#x8FB9;&#x6846;&#x5DE6;&#x4E0A;&#x89D2;&#x7684;&#x5F62;&#x72B6;&#x3002;</td>
</tr>
<tr>
<td>border-top-right-radius</td>
<td>&#x5B9A;&#x4E49;&#x8FB9;&#x6846;&#x53F3;&#x4E0B;&#x89D2;&#x7684;&#x5F62;&#x72B6;&#x3002;</td>
</tr>
<tr>
<td>box-decoration-break</td>
<td></td>
</tr>
<tr>
<td>box-shadow</td>
<td>&#x5411;&#x65B9;&#x6846;&#x6DFB;&#x52A0;&#x4E00;&#x4E2A;&#x6216;&#x591A;&#x4E2A;&#x9634;&#x5F71;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x80CC;&#x666F;"><a name="css-&#x80CC;&#x666F;" class="anchor-navigation-ex-anchor" href="#css-&#x80CC;&#x666F;"><i class="fa fa-link" aria-hidden="true"></i></a>3.10. css &#x80CC;&#x666F;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>background</td>
<td>&#x5728;&#x4E00;&#x4E2A;&#x58F0;&#x660E;&#x4E2D;&#x8BBE;&#x7F6E;&#x6240;&#x6709;&#x7684;&#x80CC;&#x666F;&#x5C5E;&#x6027;      </td>
</tr>
<tr>
<td>background-attachment</td>
<td>&#x8BBE;&#x7F6E;&#x80CC;&#x666F;&#x56FE;&#x50CF;&#x662F;&#x5426;&#x56FA;&#x5B9A;&#x6216;&#x8005;&#x968F;&#x7740;&#x9875;&#x9762;&#x7684;&#x5176;&#x4F59;&#x90E8;&#x5206;&#x6EDA;&#x52A8;&#x3002;scroll&#x3001;fixed&#x3001;inherit</td>
</tr>
<tr>
<td>background-color</td>
<td>&#x53EF;&#x4EE5;&#x4E3A;&#x6240;&#x6709;&#x5143;&#x7D20;&#x8BBE;&#x7F6E;&#x80CC;&#x666F;</td>
</tr>
<tr>
<td>background-image</td>
<td>&#x80CC;&#x666F;&#x56FE;&#x50CF; &#xFF0C; url(/i/eg_bg_03.gif)</td>
</tr>
<tr>
<td>background-position</td>
<td>&#x8BBE;&#x7F6E;&#x80CC;&#x666F;&#x56FE;&#x50CF;&#x7684;&#x5F00;&#x59CB;&#x4F4D;&#x3002;center,top,bottom,right,left&#x3001;&#x767E;&#x5206;&#x6BD4;&#x3001;&#x5177;&#x4F53;&#x7684;px</td>
</tr>
<tr>
<td>background-repeat</td>
<td>&#x80CC;&#x666F;&#x91CD;&#x590D; &#xFF0C; repeat &#x3001; repeat-x &#x3001; repeat-y&#x3001; no-repeat &#x3001;inherit</td>
</tr>
<tr>
<td>background-clip</td>
<td>&#x89C4;&#x5B9A;&#x80CC;&#x666F;&#x7684;&#x7ED8;&#x5236;&#x533A;&#x57DF;&#x3002;</td>
</tr>
<tr>
<td>background-origin</td>
<td>&#x89C4;&#x5B9A;&#x80CC;&#x666F;&#x56FE;&#x7247;&#x7684;&#x5B9A;&#x4F4D;&#x533A;&#x57DF;&#x3002;     </td>
</tr>
<tr>
<td>background-size</td>
<td>&#x89C4;&#x5B9A;&#x80CC;&#x666F;&#x56FE;&#x7247;&#x7684;&#x5C3A;&#x5BF8;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x52A8;&#x753B;"><a name="css-&#x52A8;&#x753B;" class="anchor-navigation-ex-anchor" href="#css-&#x52A8;&#x753B;"><i class="fa fa-link" aria-hidden="true"></i></a>3.11. css &#x52A8;&#x753B;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>@keyframes</td>
<td>&#x89C4;&#x5B9A;&#x52A8;&#x753B;&#x3002;     </td>
</tr>
<tr>
<td>animation</td>
<td>&#x6240;&#x6709;&#x52A8;&#x753B;&#x5C5E;&#x6027;&#x7684;&#x7B80;&#x5199;&#x5C5E;&#x6027;&#xFF0C;&#x9664;&#x4E86; animation-play-state &#x5C5E;&#x6027;&#x3002;</td>
</tr>
<tr>
<td>animation-name</td>
<td>&#x89C4;&#x5B9A; @keyframes &#x52A8;&#x753B;&#x7684;&#x540D;&#x79F0;&#x3002;</td>
</tr>
<tr>
<td>animation-duration</td>
<td>&#x89C4;&#x5B9A;&#x52A8;&#x753B;&#x5B8C;&#x6210;&#x4E00;&#x4E2A;&#x5468;&#x671F;&#x6240;&#x82B1;&#x8D39;&#x7684;&#x79D2;&#x6216;&#x6BEB;&#x79D2;&#x3002;     </td>
</tr>
<tr>
<td>animation-timing-function</td>
<td>&#x89C4;&#x5B9A;&#x52A8;&#x753B;&#x7684;&#x901F;&#x5EA6;&#x66F2;&#x7EBF;&#x3002;</td>
</tr>
<tr>
<td>animation-delay</td>
<td>&#x89C4;&#x5B9A;&#x52A8;&#x753B;&#x4F55;&#x65F6;&#x5F00;&#x59CB;&#x3002;</td>
</tr>
<tr>
<td>animation-iteration-count</td>
<td>&#x89C4;&#x5B9A;&#x52A8;&#x753B;&#x88AB;&#x64AD;&#x653E;&#x7684;&#x6B21;&#x6570;&#x3002;     </td>
</tr>
<tr>
<td>animation-direction</td>
<td>&#x89C4;&#x5B9A;&#x52A8;&#x753B;&#x662F;&#x5426;&#x5728;&#x4E0B;&#x4E00;&#x5468;&#x671F;&#x9006;&#x5411;&#x5730;&#x64AD;&#x653E;&#x3002;     </td>
</tr>
<tr>
<td>animation-play-state</td>
<td>&#x89C4;&#x5B9A;&#x52A8;&#x753B;&#x662F;&#x5426;&#x6B63;&#x5728;&#x8FD0;&#x884C;&#x6216;&#x6682;&#x505C;&#x3002;</td>
</tr>
<tr>
<td>animation-fill-mode</td>
<td>&#x89C4;&#x5B9A;&#x5BF9;&#x8C61;&#x52A8;&#x753B;&#x65F6;&#x95F4;&#x4E4B;&#x5916;&#x7684;&#x72B6;&#x6001;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-box-&#x5C5E;&#x6027;"><a name="css-box-&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-box-&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.12. css Box &#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>overflow-x</td>
<td>&#x5982;&#x679C;&#x5185;&#x5BB9;&#x6EA2;&#x51FA;&#x4E86;&#x5143;&#x7D20;&#x5185;&#x5BB9;&#x533A;&#x57DF;&#xFF0C;&#x662F;&#x5426;&#x5BF9;&#x5185;&#x5BB9;&#x7684;&#x5DE6;/&#x53F3;&#x8FB9;&#x7F18;&#x8FDB;&#x884C;&#x88C1;&#x526A;&#x3002;</td>
</tr>
<tr>
<td>overflow-y</td>
<td>&#x5982;&#x679C;&#x5185;&#x5BB9;&#x6EA2;&#x51FA;&#x4E86;&#x5143;&#x7D20;&#x5185;&#x5BB9;&#x533A;&#x57DF;&#xFF0C;&#x662F;&#x5426;&#x5BF9;&#x5185;&#x5BB9;&#x7684;&#x4E0A;/&#x4E0B;&#x8FB9;&#x7F18;&#x8FDB;&#x884C;&#x88C1;&#x526A;&#x3002;</td>
</tr>
<tr>
<td>overflow-style</td>
<td>&#x89C4;&#x5B9A;&#x6EA2;&#x51FA;&#x5143;&#x7D20;&#x7684;&#x9996;&#x9009;&#x6EDA;&#x52A8;&#x65B9;&#x6CD5;&#x3002;</td>
</tr>
<tr>
<td>rotation</td>
<td>&#x56F4;&#x7ED5;&#x7531; rotation-point &#x5C5E;&#x6027;&#x5B9A;&#x4E49;&#x7684;&#x70B9;&#x5BF9;&#x5143;&#x7D20;&#x8FDB;&#x884C;&#x65CB;&#x8F6C;&#x3002;</td>
</tr>
<tr>
<td>rotation-point</td>
<td>&#x5B9A;&#x4E49;&#x8DDD;&#x79BB;&#x4E0A;&#x5DE6;&#x8FB9;&#x6846;&#x8FB9;&#x7F18;&#x7684;&#x504F;&#x79FB;&#x70B9;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x989C;&#x8272;-&#x5C5E;&#x6027;"><a name="css-&#x989C;&#x8272;-&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-&#x989C;&#x8272;-&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.13. css &#x989C;&#x8272; &#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>color-profile</td>
<td>&#x5141;&#x8BB8;&#x4F7F;&#x7528;&#x6E90;&#x7684;&#x989C;&#x8272;&#x914D;&#x7F6E;&#x6587;&#x4EF6;&#x7684;&#x9ED8;&#x8BA4;&#x4EE5;&#x5916;&#x7684;&#x89C4;&#x8303;&#x3002;</td>
</tr>
<tr>
<td>opacity</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x7684;&#x4E0D;&#x900F;&#x660E;&#x7EA7;&#x522B;&#x3002;</td>
</tr>
<tr>
<td>rendering-intent</td>
<td>&#x5141;&#x8BB8;&#x4F7F;&#x7528;&#x989C;&#x8272;&#x914D;&#x7F6E;&#x6587;&#x4EF6;&#x6E32;&#x67D3;&#x610F;&#x56FE;&#x7684;&#x9ED8;&#x8BA4;&#x4EE5;&#x5916;&#x7684;&#x89C4;&#x8303;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-content-for-paged-media-&#x5C5E;&#x6027;"><a name="css-content-for-paged-media-&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-content-for-paged-media-&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.14. css Content for Paged Media &#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>bookmark-label</td>
<td>&#x89C4;&#x5B9A;&#x4E66;&#x7B7E;&#x7684;&#x6807;&#x8BB0;&#x3002;</td>
</tr>
<tr>
<td>bookmark-level</td>
<td>&#x89C4;&#x5B9A;&#x4E66;&#x7B7E;&#x7684;&#x7EA7;&#x522B;&#x3002;</td>
</tr>
<tr>
<td>bookmark-target</td>
<td>&#x89C4;&#x5B9A;&#x4E66;&#x7B7E;&#x94FE;&#x63A5;&#x7684;&#x76EE;&#x6807;&#x3002;</td>
</tr>
<tr>
<td>float-offset</td>
<td>&#x5C06;&#x5143;&#x7D20;&#x653E;&#x5728; float &#x5C5E;&#x6027;&#x901A;&#x5E38;&#x653E;&#x7F6E;&#x7684;&#x4F4D;&#x7F6E;&#x7684;&#x76F8;&#x53CD;&#x65B9;&#x5411;&#x3002;</td>
</tr>
<tr>
<td>hyphenate-after</td>
<td>&#x89C4;&#x5B9A;&#x8FDE;&#x5B57;&#x5355;&#x8BCD;&#x4E2D;&#x8FDE;&#x5B57;&#x7B26;&#x4E4B;&#x540E;&#x7684;&#x6700;&#x5C0F;&#x5B57;&#x7B26;&#x6570;&#x3002;</td>
</tr>
<tr>
<td>hyphenate-before</td>
<td>&#x89C4;&#x5B9A;&#x8FDE;&#x5B57;&#x5355;&#x8BCD;&#x4E2D;&#x8FDE;&#x5B57;&#x7B26;&#x4E4B;&#x524D;&#x7684;&#x6700;&#x5C0F;&#x5B57;&#x7B26;&#x6570;&#x3002;</td>
</tr>
<tr>
<td>hyphenate-character</td>
<td>&#x89C4;&#x5B9A;&#x5F53;&#x53D1;&#x751F;&#x65AD;&#x5B57;&#x65F6;&#x663E;&#x793A;&#x7684;&#x5B57;&#x7B26;&#x4E32;&#x3002;</td>
</tr>
<tr>
<td>hyphenate-lines</td>
<td>&#x6307;&#x793A;&#x5143;&#x7D20;&#x4E2D;&#x8FDE;&#x7EED;&#x65AD;&#x5B57;&#x8FDE;&#x7EBF;&#x7684;&#x6700;&#x5927;&#x6570;&#x3002;</td>
</tr>
<tr>
<td>hyphenate-resource</td>
<td>&#x89C4;&#x5B9A;&#x5E2E;&#x52A9;&#x6D4F;&#x89C8;&#x5668;&#x786E;&#x5B9A;&#x65AD;&#x5B57;&#x70B9;&#x7684;&#x5916;&#x90E8;&#x8D44;&#x6E90;&#xFF08;&#x9017;&#x53F7;&#x5206;&#x9694;&#x7684;&#x5217;&#x8868;&#xFF09;&#x3002;</td>
</tr>
<tr>
<td>hyphens</td>
<td>&#x8BBE;&#x7F6E;&#x5982;&#x4F55;&#x5BF9;&#x5355;&#x8BCD;&#x8FDB;&#x884C;&#x62C6;&#x5206;&#xFF0C;&#x4EE5;&#x6539;&#x5584;&#x6BB5;&#x843D;&#x7684;&#x5E03;&#x5C40;&#x3002;</td>
</tr>
<tr>
<td>image-resolution</td>
<td>&#x89C4;&#x5B9A;&#x56FE;&#x50CF;&#x7684;&#x6B63;&#x786E;&#x5206;&#x8FA8;&#x7387;&#x3002;</td>
</tr>
<tr>
<td>marks</td>
<td>&#x5411;&#x6587;&#x6863;&#x6DFB;&#x52A0;&#x88C1;&#x5207;&#x6807;&#x8BB0;&#x6216;&#x5341;&#x5B57;&#x6807;&#x8BB0;&#x3002;</td>
</tr>
<tr>
<td>string-set</td>
<td></td>
</tr>
</tbody>
</table>
<h2 id="css-&#x53EF;&#x4F38;&#x7F29;&#x6846;&#x5C5E;&#x6027;&#xFF08;flexible-box&#xFF09;"><a name="css-&#x53EF;&#x4F38;&#x7F29;&#x6846;&#x5C5E;&#x6027;&#xFF08;flexible-box&#xFF09;" class="anchor-navigation-ex-anchor" href="#css-&#x53EF;&#x4F38;&#x7F29;&#x6846;&#x5C5E;&#x6027;&#xFF08;flexible-box&#xFF09;"><i class="fa fa-link" aria-hidden="true"></i></a>3.15. css &#x53EF;&#x4F38;&#x7F29;&#x6846;&#x5C5E;&#x6027;&#xFF08;Flexible Box&#xFF09;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>box-align</td>
<td>&#x89C4;&#x5B9A;&#x5982;&#x4F55;&#x5BF9;&#x9F50;&#x6846;&#x7684;&#x5B50;&#x5143;&#x7D20;&#x3002;</td>
</tr>
<tr>
<td>box-direction</td>
<td>&#x89C4;&#x5B9A;&#x6846;&#x7684;&#x5B50;&#x5143;&#x7D20;&#x7684;&#x663E;&#x793A;&#x65B9;&#x5411;&#x3002;</td>
</tr>
<tr>
<td>box-flex</td>
<td>&#x89C4;&#x5B9A;&#x6846;&#x7684;&#x5B50;&#x5143;&#x7D20;&#x662F;&#x5426;&#x53EF;&#x4F38;&#x7F29;&#x3002;</td>
</tr>
<tr>
<td>box-flex-group</td>
<td>&#x5C06;&#x53EF;&#x4F38;&#x7F29;&#x5143;&#x7D20;&#x5206;&#x914D;&#x5230;&#x67D4;&#x6027;&#x5206;&#x7EC4;&#x3002;</td>
</tr>
<tr>
<td>box-lines</td>
<td>&#x89C4;&#x5B9A;&#x5F53;&#x8D85;&#x51FA;&#x7236;&#x5143;&#x7D20;&#x6846;&#x7684;&#x7A7A;&#x95F4;&#x65F6;&#xFF0C;&#x662F;&#x5426;&#x6362;&#x884C;&#x663E;&#x793A;&#x3002;</td>
</tr>
<tr>
<td>box-ordinal-group</td>
<td>&#x89C4;&#x5B9A;&#x6846;&#x7684;&#x5B50;&#x5143;&#x7D20;&#x7684;&#x663E;&#x793A;&#x6B21;&#x5E8F;&#x3002;</td>
</tr>
<tr>
<td>box-orient</td>
<td>&#x89C4;&#x5B9A;&#x6846;&#x7684;&#x5B50;&#x5143;&#x7D20;&#x662F;&#x5426;&#x5E94;&#x6C34;&#x5E73;&#x6216;&#x5782;&#x76F4;&#x6392;&#x5217;&#x3002;</td>
</tr>
<tr>
<td>box-pack</td>
<td>&#x89C4;&#x5B9A;&#x6C34;&#x5E73;&#x6846;&#x4E2D;&#x7684;&#x6C34;&#x5E73;&#x4F4D;&#x7F6E;&#x6216;&#x8005;&#x5782;&#x76F4;&#x6846;&#x4E2D;&#x7684;&#x5782;&#x76F4;&#x4F4D;&#x7F6E;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x5B57;&#x4F53;&#x5C5E;&#x6027;"><a name="css-&#x5B57;&#x4F53;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-&#x5B57;&#x4F53;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.16. css &#x5B57;&#x4F53;&#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>font</td>
<td>&#x5728;&#x4E00;&#x4E2A;&#x58F0;&#x660E;&#x4E2D;&#x8BBE;&#x7F6E;&#x6240;&#x6709;&#x5B57;&#x4F53;&#x5C5E;&#x6027;&#x3002;</td>
</tr>
<tr>
<td>font-family</td>
<td>&#x6587;&#x672C;&#x7684;&#x5B57;&#x4F53;</td>
</tr>
<tr>
<td>font-size</td>
<td>&#x89C4;&#x5B9A;&#x6587;&#x672C;&#x7684;&#x5B57;&#x4F53;&#x5C3A;&#x5BF8;</td>
</tr>
<tr>
<td>font-size-adjust</td>
<td>&#x4E3A;&#x5143;&#x7D20;&#x89C4;&#x5B9A; aspect &#x503C;&#x3002;</td>
</tr>
<tr>
<td>font-stretch</td>
<td>&#x6536;&#x7F29;&#x6216;&#x62C9;&#x4F38;&#x5F53;&#x524D;&#x7684;&#x5B57;&#x4F53;&#x7CFB;&#x5217;&#x3002;</td>
</tr>
<tr>
<td>font-style</td>
<td>&#x89C4;&#x5B9A;&#x6587;&#x672C;&#x7684;&#x5B57;&#x4F53;&#x6837;&#x5F0F;&#x3002;</td>
</tr>
<tr>
<td>font-variant</td>
<td>&#x89C4;&#x5B9A;&#x662F;&#x5426;&#x4EE5;&#x5C0F;&#x578B;&#x5927;&#x5199;&#x5B57;&#x6BCD;&#x7684;&#x5B57;&#x4F53;&#x663E;&#x793A;&#x6587;&#x672C;&#x3002;</td>
</tr>
<tr>
<td>font-weight</td>
<td>&#x89C4;&#x5B9A;&#x5B57;&#x4F53;&#x7684;&#x7C97;&#x7EC6;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x5185;&#x5BB9;&#x751F;&#x6210;-&#x76F8;&#x5173;&#x5C5E;&#x6027;"><a name="css-&#x5185;&#x5BB9;&#x751F;&#x6210;-&#x76F8;&#x5173;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-&#x5185;&#x5BB9;&#x751F;&#x6210;-&#x76F8;&#x5173;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.17. css &#x5185;&#x5BB9;&#x751F;&#x6210; &#x76F8;&#x5173;&#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>content</td>
<td>&#x4E0E; :before &#x4EE5;&#x53CA; :after &#x4F2A;&#x5143;&#x7D20;&#x914D;&#x5408;&#x4F7F;&#x7528;&#xFF0C;&#x6765;&#x63D2;&#x5165;&#x751F;&#x6210;&#x5185;&#x5BB9;&#x3002;</td>
</tr>
<tr>
<td>counter-increment</td>
<td>&#x9012;&#x589E;&#x6216;&#x9012;&#x51CF;&#x4E00;&#x4E2A;&#x6216;&#x591A;&#x4E2A;&#x8BA1;&#x6570;&#x5668;&#x3002;</td>
</tr>
<tr>
<td>counter-reset</td>
<td>&#x521B;&#x5EFA;&#x6216;&#x91CD;&#x7F6E;&#x4E00;&#x4E2A;&#x6216;&#x591A;&#x4E2A;&#x8BA1;&#x6570;&#x5668;&#x3002;</td>
</tr>
<tr>
<td>quotes</td>
<td>&#x8BBE;&#x7F6E;&#x5D4C;&#x5957;&#x5F15;&#x7528;&#x7684;&#x5F15;&#x53F7;&#x7C7B;&#x578B;&#x3002;</td>
</tr>
<tr>
<td>crop</td>
<td>&#x5141;&#x8BB8;&#x88AB;&#x66FF;&#x6362;&#x5143;&#x7D20;&#x4EC5;&#x4EC5;&#x662F;&#x5BF9;&#x8C61;&#x7684;&#x77E9;&#x5F62;&#x533A;&#x57DF;&#xFF0C;&#x800C;&#x4E0D;&#x662F;&#x6574;&#x4E2A;&#x5BF9;&#x8C61;&#x3002;</td>
</tr>
<tr>
<td>move-to</td>
<td>&#x4ECE;&#x6D41;&#x4E2D;&#x5220;&#x9664;&#x5143;&#x7D20;&#xFF0C;&#x7136;&#x540E;&#x5728;&#x6587;&#x6863;&#x4E2D;&#x540E;&#x9762;&#x7684;&#x70B9;&#x4E0A;&#x91CD;&#x65B0;&#x63D2;&#x5165;&#x3002;</td>
</tr>
<tr>
<td>page-policy</td>
<td>&#x786E;&#x5B9A;&#x5143;&#x7D20;&#x57FA;&#x4E8E;&#x9875;&#x9762;&#x7684; occurrence &#x5E94;&#x7528;&#x4E8E;&#x8BA1;&#x6570;&#x5668;&#x8FD8;&#x662F;&#x5B57;&#x7B26;&#x4E32;&#x503C;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x8868;&#x683C;&#x5C5E;&#x6027;"><a name="css-&#x8868;&#x683C;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-&#x8868;&#x683C;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.18. css &#x8868;&#x683C;&#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>grid-columns</td>
<td>&#x89C4;&#x5B9A;&#x7F51;&#x683C;&#x4E2D;&#x6BCF;&#x4E2A;&#x5217;&#x7684;&#x5BBD;&#x5EA6;&#x3002;</td>
</tr>
<tr>
<td>grid-rows</td>
<td>&#x89C4;&#x5B9A;&#x7F51;&#x683C;&#x4E2D;&#x6BCF;&#x4E2A;&#x5217;&#x7684;&#x9AD8;&#x5EA6;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x8D85;&#x94FE;&#x63A5;&#x5C5E;&#x6027;"><a name="css-&#x8D85;&#x94FE;&#x63A5;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-&#x8D85;&#x94FE;&#x63A5;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.19. css &#x8D85;&#x94FE;&#x63A5;&#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>target</td>
<td>&#x7B80;&#x5199;&#x5C5E;&#x6027;&#xFF0C;&#x8BBE;&#x7F6E;target-name&#x3001;target-new&#x4EE5;&#x53CA;target-position&#x5C5E;&#x6027;&#x3002;</td>
</tr>
<tr>
<td>target-name</td>
<td>&#x89C4;&#x5B9A;&#x5728;&#x4F55;&#x5904;&#x6253;&#x5F00;&#x94FE;&#x63A5;&#xFF08;&#x94FE;&#x63A5;&#x7684;&#x76EE;&#x6807;&#xFF09;&#x3002;</td>
</tr>
<tr>
<td>target-new</td>
<td>&#x89C4;&#x5B9A;&#x76EE;&#x6807;&#x94FE;&#x63A5;&#x5728;&#x65B0;&#x7A97;&#x53E3;&#x8FD8;&#x662F;&#x5728;&#x5DF2;&#x6709;&#x7A97;&#x53E3;&#x7684;&#x65B0;&#x6807;&#x7B7E;&#x9875;&#x4E2D;&#x6253;&#x5F00;&#x3002;</td>
</tr>
<tr>
<td>target-position</td>
<td>&#x89C4;&#x5B9A;&#x5728;&#x4F55;&#x5904;&#x653E;&#x7F6E;&#x65B0;&#x7684;&#x76EE;&#x6807;&#x94FE;&#x63A5;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x5217;&#x8868;&#x5C5E;&#x6027;"><a name="css-&#x5217;&#x8868;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-&#x5217;&#x8868;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.20. css &#x5217;&#x8868;&#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>list-style</td>
<td>&#x7B80;&#x5199;&#x5C5E;&#x6027;&#x3002;&#x7528;&#x4E8E;&#x628A;&#x6240;&#x6709;&#x7528;&#x4E8E;&#x5217;&#x8868;&#x7684;&#x5C5E;&#x6027;&#x8BBE;&#x7F6E;&#x4E8E;&#x4E00;&#x4E2A;&#x58F0;&#x660E;&#x4E2D;</td>
</tr>
<tr>
<td>list-style-image</td>
<td>&#x5C06;&#x56FE;&#x8C61;&#x8BBE;&#x7F6E;&#x4E3A;&#x5217;&#x8868;&#x9879;&#x6807;&#x5FD7;</td>
</tr>
<tr>
<td>list-style-position</td>
<td>&#x8BBE;&#x7F6E;&#x5217;&#x8868;&#x4E2D;&#x5217;&#x8868;&#x9879;&#x6807;&#x5FD7;&#x7684;&#x4F4D;&#x7F6E;</td>
</tr>
<tr>
<td>list-style-type</td>
<td>&#x8BBE;&#x7F6E;&#x5217;&#x8868;&#x9879;&#x6807;&#x5FD7;&#x7684;&#x7C7B;&#x578B;</td>
</tr>
<tr>
<td>marker-offset</td>
<td>&#x8BBE;&#x7F6E;&#x6216;&#x68C0;&#x7D22;&#x6807;&#x8BB0;&#x5BB9;&#x5668;&#x548C;&#x4E3B;&#x5BB9;&#x5668;&#x4E4B;&#x95F4;&#x6C34;&#x5E73;&#x8865;&#x767D;&#x3002;&#x5373;&#x4E24;&#x4E2A;&#x5BB9;&#x5668;&#x9760;&#x8FD1;&#x7684;&#x4E00;&#x8FB9;&#x7684;&#x95F4;&#x8DDD;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x8D70;&#x9A6C;&#x706F;&#x5C5E;&#x6027;"><a name="css-&#x8D70;&#x9A6C;&#x706F;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-&#x8D70;&#x9A6C;&#x706F;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.21. css &#x8D70;&#x9A6C;&#x706F;&#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>marquee-direction</td>
<td>&#x8BBE;&#x7F6E;&#x79FB;&#x52A8;&#x5185;&#x5BB9;&#x7684;&#x65B9;&#x5411;&#x3002;</td>
</tr>
<tr>
<td>marquee-play-count</td>
<td>&#x8BBE;&#x7F6E;&#x5185;&#x5BB9;&#x79FB;&#x52A8;&#x591A;&#x5C11;&#x6B21;&#x3002;</td>
</tr>
<tr>
<td>marquee-speed</td>
<td>&#x8BBE;&#x7F6E;&#x5185;&#x5BB9;&#x6EDA;&#x52A8;&#x5F97;&#x591A;&#x5FEB;&#x3002;</td>
</tr>
<tr>
<td>marquee-style</td>
<td>&#x8BBE;&#x7F6E;&#x79FB;&#x52A8;&#x5185;&#x5BB9;&#x7684;&#x6837;&#x5F0F;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x591A;&#x5217;&#x5C5E;&#x6027;"><a name="css-&#x591A;&#x5217;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-&#x591A;&#x5217;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.22. css &#x591A;&#x5217;&#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>column-count</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x5E94;&#x8BE5;&#x88AB;&#x5206;&#x9694;&#x7684;&#x5217;&#x6570;&#x3002;</td>
</tr>
<tr>
<td>column-fill</td>
<td>&#x89C4;&#x5B9A;&#x5982;&#x4F55;&#x586B;&#x5145;&#x5217;&#x3002;</td>
</tr>
<tr>
<td>column-gap</td>
<td>&#x89C4;&#x5B9A;&#x5217;&#x4E4B;&#x95F4;&#x7684;&#x95F4;&#x9694;&#x3002;</td>
</tr>
<tr>
<td>column-rule</td>
<td>&#x8BBE;&#x7F6E;&#x6240;&#x6709; column-rule-* &#x5C5E;&#x6027;&#x7684;&#x7B80;&#x5199;&#x5C5E;&#x6027;&#x3002;</td>
</tr>
<tr>
<td>column-rule-color</td>
<td>&#x89C4;&#x5B9A;&#x5217;&#x4E4B;&#x95F4;&#x89C4;&#x5219;&#x7684;&#x989C;&#x8272;&#x3002;</td>
</tr>
<tr>
<td>column-rule-style</td>
<td>&#x89C4;&#x5B9A;&#x5217;&#x4E4B;&#x95F4;&#x89C4;&#x5219;&#x7684;&#x6837;&#x5F0F;&#x3002;</td>
</tr>
<tr>
<td>column-rule-width</td>
<td>&#x89C4;&#x5B9A;&#x5217;&#x4E4B;&#x95F4;&#x89C4;&#x5219;&#x7684;&#x5BBD;&#x5EA6;&#x3002;</td>
</tr>
<tr>
<td>column-span</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x5E94;&#x8BE5;&#x6A2A;&#x8DE8;&#x7684;&#x5217;&#x6570;&#x3002;</td>
</tr>
<tr>
<td>column-width</td>
<td>&#x89C4;&#x5B9A;&#x5217;&#x7684;&#x5BBD;&#x5EA6;&#x3002;</td>
</tr>
<tr>
<td>columns</td>
<td>&#x89C4;&#x5B9A;&#x8BBE;&#x7F6E; column-width &#x548C; column-count &#x7684;&#x7B80;&#x5199;&#x5C5E;&#x6027;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-paged-media-&#x5C5E;&#x6027;"><a name="css-paged-media-&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-paged-media-&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.23. css Paged Media &#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>fit</td>
<td>&#x793A;&#x610F;&#x5982;&#x4F55;&#x5BF9;width&#x548C;height&#x5C5E;&#x6027;&#x5747;&#x4E0D;&#x662F;auto&#x7684;&#x88AB;&#x66FF;&#x6362;&#x5143;&#x7D20;&#x8FDB;&#x884C;&#x7F29;&#x653E;&#x3002;</td>
</tr>
<tr>
<td>fit-position</td>
<td>&#x5B9A;&#x4E49;&#x76D2;&#x5185;&#x5BF9;&#x8C61;&#x7684;&#x5BF9;&#x9F50;&#x65B9;&#x5F0F;&#x3002;</td>
</tr>
<tr>
<td>image-orientation</td>
<td>&#x89C4;&#x5B9A;&#x7528;&#x6237;&#x4EE3;&#x7406;&#x5E94;&#x7528;&#x4E8E;&#x56FE;&#x50CF;&#x7684;&#x987A;&#x65F6;&#x9488;&#x65B9;&#x5411;&#x65CB;&#x8F6C;&#x3002;</td>
</tr>
<tr>
<td>page</td>
<td>&#x89C4;&#x5B9A;&#x5143;&#x7D20;&#x5E94;&#x8BE5;&#x88AB;&#x663E;&#x793A;&#x7684;&#x9875;&#x9762;&#x7279;&#x5B9A;&#x7C7B;&#x578B;&#x3002;</td>
</tr>
<tr>
<td>size</td>
<td>&#x89C4;&#x5B9A;&#x9875;&#x9762;&#x5185;&#x5BB9;&#x5305;&#x542B;&#x6846;&#x7684;&#x5C3A;&#x5BF8;&#x548C;&#x65B9;&#x5411;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x6253;&#x5370;&#x5C5E;&#x6027;"><a name="css-&#x6253;&#x5370;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-&#x6253;&#x5370;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.24. css &#x6253;&#x5370;&#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>orphans</td>
<td>&#x8BBE;&#x7F6E;&#x5F53;&#x5143;&#x7D20;&#x5185;&#x90E8;&#x53D1;&#x751F;&#x5206;&#x9875;&#x65F6;&#x5FC5;&#x987B;&#x5728;&#x9875;&#x9762;&#x5E95;&#x90E8;&#x4FDD;&#x7559;&#x7684;&#x6700;&#x5C11;&#x884C;&#x6570;&#x3002;</td>
</tr>
<tr>
<td>page-break-after</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x540E;&#x7684;&#x5206;&#x9875;&#x884C;&#x4E3A;&#x3002;</td>
</tr>
<tr>
<td>page-break-before</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x524D;&#x7684;&#x5206;&#x9875;&#x884C;&#x4E3A;&#x3002;</td>
</tr>
<tr>
<td>page-break-inside</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x5185;&#x90E8;&#x7684;&#x5206;&#x9875;&#x884C;&#x4E3A;&#x3002;</td>
</tr>
<tr>
<td>widows</td>
<td>&#x8BBE;&#x7F6E;&#x5F53;&#x5143;&#x7D20;&#x5185;&#x90E8;&#x53D1;&#x751F;&#x5206;&#x9875;&#x65F6;&#x5FC5;&#x987B;&#x5728;&#x9875;&#x9762;&#x9876;&#x90E8;&#x4FDD;&#x7559;&#x7684;&#x6700;&#x5C11;&#x884C;&#x6570;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x8868;&#x683C;&#x5C5E;&#x6027;_1"><a name="css-&#x8868;&#x683C;&#x5C5E;&#x6027;_1" class="anchor-navigation-ex-anchor" href="#css-&#x8868;&#x683C;&#x5C5E;&#x6027;_1"><i class="fa fa-link" aria-hidden="true"></i></a>3.25. css &#x8868;&#x683C;&#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>border-collapse</td>
<td>&#x8BBE;&#x7F6E;&#x662F;&#x5426;&#x628A;&#x8868;&#x683C;&#x8FB9;&#x6846;&#x5408;&#x5E76;&#x4E3A;&#x5355;&#x4E00;&#x7684;&#x8FB9;&#x6846;</td>
</tr>
<tr>
<td>border-spacing</td>
<td>&#x8BBE;&#x7F6E;&#x5206;&#x9694;&#x5355;&#x5143;&#x683C;&#x8FB9;&#x6846;&#x7684;&#x8DDD;&#x79BB;</td>
</tr>
<tr>
<td>caption-side</td>
<td>&#x8BBE;&#x7F6E;&#x8868;&#x683C;&#x6807;&#x9898;&#x7684;&#x4F4D;&#x7F6E;</td>
</tr>
<tr>
<td>empty-cells</td>
<td>&#x8BBE;&#x7F6E;&#x662F;&#x5426;&#x663E;&#x793A;&#x8868;&#x683C;&#x4E2D;&#x7684;&#x7A7A;&#x5355;&#x5143;&#x683C;</td>
</tr>
<tr>
<td>table-layout</td>
<td>&#x8BBE;&#x7F6E;&#x663E;&#x793A;&#x5355;&#x5143;&#x3001;&#x884C;&#x548C;&#x5217;&#x7684;&#x7B97;&#x6CD5;</td>
</tr>
</tbody>
</table>
<h2 id="css--&#x6587;&#x672C;&#x5C5E;&#x6027;"><a name="css--&#x6587;&#x672C;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css--&#x6587;&#x672C;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.26. css  &#x6587;&#x672C;&#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>color</td>
<td>&#x6587;&#x672C;&#x989C;&#x8272;</td>
</tr>
<tr>
<td>direction</td>
<td>&#x6587;&#x672C;&#x65B9;&#x5411;</td>
</tr>
<tr>
<td>unicode-bidi</td>
<td>&#x5BF9;&#x4E8E;&#x884C;&#x5185;&#x5143;&#x7D20;&#xFF0C;&#x53EA;&#x6709;&#x5F53; unicode-bidi &#x5C5E;&#x6027;&#x8BBE;&#x7F6E;&#x4E3A; embed &#x6216; bidi-override &#x65F6;&#x624D;&#x4F1A;&#x5E94;&#x7528; direction &#x5C5E;&#x6027;</td>
</tr>
<tr>
<td>line-height</td>
<td>&#x6587;&#x672C;&#x884C;&#x9AD8;</td>
</tr>
<tr>
<td>letter-spacing</td>
<td>&#x4E0E; word-spacing &#x7684;&#x533A;&#x522B;&#x5728;&#x4E8E;&#xFF0C;&#x5B57;&#x6BCD;&#x95F4;&#x9694;&#x4FEE;&#x6539;&#x7684;&#x662F;&#x5B57;&#x7B26;&#x6216;&#x5B57;&#x6BCD;&#x4E4B;&#x95F4;&#x7684;&#x95F4;&#x9694;</td>
</tr>
<tr>
<td>word-spacing</td>
<td>&#x5B57;&#xFF08;&#x5355;&#x8BCD;&#xFF09;&#x4E4B;&#x95F4;&#x7684;&#x6807;&#x51C6;&#x95F4;&#x9694;</td>
</tr>
<tr>
<td>text-align</td>
<td>&#x5BF9;&#x9F50;&#x5143;&#x7D20;&#x4E2D;&#x7684;&#x6587;&#x672C;</td>
</tr>
<tr>
<td>text-decoration</td>
<td>&#x5411;&#x6587;&#x672C;&#x6DFB;&#x52A0;&#x4E0B;&#x5212;&#x7EBF;&#x3001;&#x5220;&#x9664;&#x7EBF;&#x7B49;</td>
</tr>
<tr>
<td>text-indent</td>
<td>&#x6587;&#x672C;&#x7F29;&#x8FDB;</td>
</tr>
<tr>
<td>text-shadow</td>
<td>&#x8BBE;&#x7F6E;&#x6587;&#x672C;&#x9634;&#x5F71;</td>
</tr>
<tr>
<td>text-transform</td>
<td>&#x5904;&#x7406;&#x6587;&#x672C;&#x7684;&#x5927;&#x5C0F;&#x5199;</td>
</tr>
<tr>
<td>white-space</td>
<td>&#x5904;&#x7406;&#x7A7A;&#x767D;&#x7B26;</td>
</tr>
<tr>
<td>hanging-punctuation</td>
<td>&#x89C4;&#x5B9A;&#x6807;&#x70B9;&#x5B57;&#x7B26;&#x662F;&#x5426;&#x4F4D;&#x4E8E;&#x7EBF;&#x6846;&#x4E4B;&#x5916;</td>
</tr>
<tr>
<td>punctuation-trim</td>
<td>&#x89C4;&#x5B9A;&#x662F;&#x5426;&#x5BF9;&#x6807;&#x70B9;&#x5B57;&#x7B26;&#x8FDB;&#x884C;&#x4FEE;&#x526A;&#x3002;</td>
</tr>
<tr>
<td>text-align-last</td>
<td>&#x8BBE;&#x7F6E;&#x5982;&#x4F55;&#x5BF9;&#x9F50;&#x6700;&#x540E;&#x4E00;&#x884C;&#x6216;&#x7D27;&#x6328;&#x7740;&#x5F3A;&#x5236;&#x6362;&#x884C;&#x7B26;&#x4E4B;&#x524D;&#x7684;&#x884C;&#x3002;</td>
</tr>
<tr>
<td>text-emphasis</td>
<td>&#x5411;&#x5143;&#x7D20;&#x7684;&#x6587;&#x672C;&#x5E94;&#x7528;&#x91CD;&#x70B9;&#x6807;&#x8BB0;&#x4EE5;&#x53CA;&#x91CD;&#x70B9;&#x6807;&#x8BB0;&#x7684;&#x524D;&#x666F;&#x8272;&#x3002;</td>
</tr>
<tr>
<td>text-justify</td>
<td>&#x89C4;&#x5B9A;&#x5F53; text-align &#x8BBE;&#x7F6E;&#x4E3A; &quot;justify&quot; &#x65F6;&#x6240;&#x4F7F;&#x7528;&#x7684;&#x5BF9;&#x9F50;&#x65B9;&#x6CD5;&#x3002;</td>
</tr>
<tr>
<td>text-outline</td>
<td>&#x89C4;&#x5B9A;&#x6587;&#x672C;&#x7684;&#x8F6E;&#x5ED3;&#x3002;    </td>
</tr>
<tr>
<td>text-overflow</td>
<td>&#x89C4;&#x5B9A;&#x5F53;&#x6587;&#x672C;&#x6EA2;&#x51FA;&#x5305;&#x542B;&#x5143;&#x7D20;&#x65F6;&#x53D1;&#x751F;&#x7684;&#x4E8B;&#x60C5;&#x3002;  </td>
</tr>
<tr>
<td>text-wrap</td>
<td>&#x89C4;&#x5B9A;&#x6587;&#x672C;&#x7684;&#x6362;&#x884C;&#x89C4;&#x5219;&#x3002;  </td>
</tr>
<tr>
<td>word-break</td>
<td>&#x89C4;&#x5B9A;&#x975E;&#x4E2D;&#x65E5;&#x97E9;&#x6587;&#x672C;&#x7684;&#x6362;&#x884C;&#x89C4;&#x5219;&#x3002;  </td>
</tr>
<tr>
<td>word-wrap</td>
<td>&#x5141;&#x8BB8;&#x5BF9;&#x957F;&#x7684;&#x4E0D;&#x53EF;&#x5206;&#x5272;&#x7684;&#x5355;&#x8BCD;&#x8FDB;&#x884C;&#x5206;&#x5272;&#x5E76;&#x6362;&#x884C;&#x5230;&#x4E0B;&#x4E00;&#x884C;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-2d3d-&#x8F6C;&#x6362;&#x5C5E;&#x6027;"><a name="css-2d3d-&#x8F6C;&#x6362;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-2d3d-&#x8F6C;&#x6362;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.27. css 2D/3D &#x8F6C;&#x6362;&#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>transform</td>
<td>&#x5411;&#x5143;&#x7D20;&#x5E94;&#x7528; 2D &#x6216; 3D &#x8F6C;&#x6362;&#x3002;</td>
</tr>
<tr>
<td>transform-origin</td>
<td>&#x5141;&#x8BB8;&#x4F60;&#x6539;&#x53D8;&#x88AB;&#x8F6C;&#x6362;&#x5143;&#x7D20;&#x7684;&#x4F4D;&#x7F6E;&#x3002;</td>
</tr>
<tr>
<td>transform-style</td>
<td>&#x89C4;&#x5B9A;&#x88AB;&#x5D4C;&#x5957;&#x5143;&#x7D20;&#x5982;&#x4F55;&#x5728; 3D &#x7A7A;&#x95F4;&#x4E2D;&#x663E;&#x793A;&#x3002;</td>
</tr>
<tr>
<td>perspective</td>
<td>&#x89C4;&#x5B9A; 3D &#x5143;&#x7D20;&#x7684;&#x900F;&#x89C6;&#x6548;&#x679C;&#x3002;</td>
</tr>
<tr>
<td>perspective-origin</td>
<td>&#x89C4;&#x5B9A; 3D &#x5143;&#x7D20;&#x7684;&#x5E95;&#x90E8;&#x4F4D;&#x7F6E;&#x3002;</td>
</tr>
<tr>
<td>backface-visibility</td>
<td>&#x5B9A;&#x4E49;&#x5143;&#x7D20;&#x5728;&#x4E0D;&#x9762;&#x5BF9;&#x5C4F;&#x5E55;&#x65F6;&#x662F;&#x5426;&#x53EF;&#x89C1;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x8FC7;&#x6E21;&#x5C5E;&#x6027;"><a name="css-&#x8FC7;&#x6E21;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-&#x8FC7;&#x6E21;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.28. css &#x8FC7;&#x6E21;&#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>transition</td>
<td>&#x7B80;&#x5199;&#x5C5E;&#x6027;&#xFF0C;&#x7528;&#x4E8E;&#x5728;&#x4E00;&#x4E2A;&#x5C5E;&#x6027;&#x4E2D;&#x8BBE;&#x7F6E;&#x56DB;&#x4E2A;&#x8FC7;&#x6E21;&#x5C5E;&#x6027;&#x3002;</td>
</tr>
<tr>
<td>transition-property</td>
<td>&#x89C4;&#x5B9A;&#x5E94;&#x7528;&#x8FC7;&#x6E21;&#x7684; CSS &#x5C5E;&#x6027;&#x7684;&#x540D;&#x79F0;&#x3002;</td>
</tr>
<tr>
<td>transition-duration</td>
<td>&#x5B9A;&#x4E49;&#x8FC7;&#x6E21;&#x6548;&#x679C;&#x82B1;&#x8D39;&#x7684;&#x65F6;&#x95F4;&#x3002;</td>
</tr>
<tr>
<td>transition-timing-function</td>
<td>&#x89C4;&#x5B9A;&#x8FC7;&#x6E21;&#x6548;&#x679C;&#x7684;&#x65F6;&#x95F4;&#x66F2;&#x7EBF;&#x3002;</td>
</tr>
<tr>
<td>transition-delay</td>
<td>&#x89C4;&#x5B9A;&#x8FC7;&#x6E21;&#x6548;&#x679C;&#x4F55;&#x65F6;&#x5F00;&#x59CB;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x7528;&#x6237;&#x754C;&#x9762;&#x5C5E;&#x6027;"><a name="css-&#x7528;&#x6237;&#x754C;&#x9762;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-&#x7528;&#x6237;&#x754C;&#x9762;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.29. css &#x7528;&#x6237;&#x754C;&#x9762;&#x5C5E;&#x6027;</h2>
<table>
<thead>
<tr>
<th>&#x5173;&#x952E;&#x5B57;</th>
<th>&#x8BF4;&#x660E;</th>
</tr>
</thead>
<tbody>
<tr>
<td>appearance</td>
<td>&#x5141;&#x8BB8;&#x60A8;&#x5C06;&#x5143;&#x7D20;&#x8BBE;&#x7F6E;&#x4E3A;&#x6807;&#x51C6;&#x7528;&#x6237;&#x754C;&#x9762;&#x5143;&#x7D20;&#x7684;&#x5916;&#x89C2;</td>
</tr>
<tr>
<td>box-sizing</td>
<td>&#x5141;&#x8BB8;&#x60A8;&#x4EE5;&#x786E;&#x5207;&#x7684;&#x65B9;&#x5F0F;&#x5B9A;&#x4E49;&#x9002;&#x5E94;&#x67D0;&#x4E2A;&#x533A;&#x57DF;&#x7684;&#x5177;&#x4F53;&#x5185;&#x5BB9;&#x3002;</td>
</tr>
<tr>
<td>icon</td>
<td>&#x4E3A;&#x521B;&#x4F5C;&#x8005;&#x63D0;&#x4F9B;&#x4F7F;&#x7528;&#x56FE;&#x6807;&#x5316;&#x7B49;&#x4EF7;&#x7269;&#x6765;&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x6837;&#x5F0F;&#x7684;&#x80FD;&#x529B;&#x3002;</td>
</tr>
<tr>
<td>nav-down</td>
<td>&#x89C4;&#x5B9A;&#x5728;&#x4F7F;&#x7528; arrow-down &#x5BFC;&#x822A;&#x952E;&#x65F6;&#x5411;&#x4F55;&#x5904;&#x5BFC;&#x822A;&#x3002;</td>
</tr>
<tr>
<td>nav-index</td>
<td>&#x8BBE;&#x7F6E;&#x5143;&#x7D20;&#x7684; tab &#x952E;&#x63A7;&#x5236;&#x6B21;&#x5E8F;&#x3002;</td>
</tr>
<tr>
<td>nav-left</td>
<td>&#x89C4;&#x5B9A;&#x5728;&#x4F7F;&#x7528; arrow-left &#x5BFC;&#x822A;&#x952E;&#x65F6;&#x5411;&#x4F55;&#x5904;&#x5BFC;&#x822A;&#x3002;</td>
</tr>
<tr>
<td>nav-right</td>
<td>&#x89C4;&#x5B9A;&#x5728;&#x4F7F;&#x7528; arrow-right &#x5BFC;&#x822A;&#x952E;&#x65F6;&#x5411;&#x4F55;&#x5904;&#x5BFC;&#x822A;&#x3002;</td>
</tr>
<tr>
<td>nav-up</td>
<td>&#x89C4;&#x5B9A;&#x5728;&#x4F7F;&#x7528; arrow-up &#x5BFC;&#x822A;&#x952E;&#x65F6;&#x5411;&#x4F55;&#x5904;&#x5BFC;&#x822A;&#x3002;</td>
</tr>
<tr>
<td>outline-offset</td>
<td>&#x5BF9;&#x8F6E;&#x5ED3;&#x8FDB;&#x884C;&#x504F;&#x79FB;&#xFF0C;&#x5E76;&#x5728;&#x8D85;&#x51FA;&#x8FB9;&#x6846;&#x8FB9;&#x7F18;&#x7684;&#x4F4D;&#x7F6E;&#x7ED8;&#x5236;&#x8F6E;&#x5ED3;&#x3002;</td>
</tr>
<tr>
<td>resize</td>
<td>&#x89C4;&#x5B9A;&#x662F;&#x5426;&#x53EF;&#x7531;&#x7528;&#x6237;&#x5BF9;&#x5143;&#x7D20;&#x7684;&#x5C3A;&#x5BF8;&#x8FDB;&#x884C;&#x8C03;&#x6574;&#x3002;</td>
</tr>
</tbody>
</table>
<h2 id="css-&#x975E;&#x6807;&#x51C6;&#x5C5E;&#x6027;"><a name="css-&#x975E;&#x6807;&#x51C6;&#x5C5E;&#x6027;" class="anchor-navigation-ex-anchor" href="#css-&#x975E;&#x6807;&#x51C6;&#x5C5E;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>3.30. css &#x975E;&#x6807;&#x51C6;&#x5C5E;&#x6027;</h2>
<p>&#x4EE5;&#x4E0B;&#x5185;&#x5BB9;&#x662F;&#x975E;&#x6807;&#x51C6;&#x7684;&#x4E00;&#x4E9B;&#x5C5E;&#x6027;&#xFF0C;&#x5404;&#x5BB6;&#x7684;&#x6D4F;&#x89C8;&#x5668;&#x652F;&#x6301;&#x6548;&#x679C;&#x53EF;&#x80FD;&#x4F1A;&#x4E0D;&#x4E00;&#x6837;&#x3002;
&#x6709;&#x4E9B;&#x662F;&#x6BD4;&#x8F83;&#x65B0;&#x7684;&#x5185;&#x5BB9;&#x3002;&#x7B14;&#x8BB0;&#x6BD4;&#x8F83;&#x96F6;&#x661F;&#x548C;&#x51CC;&#x4E71;&#x3002;</p>
<pre><code class="lang-text">-moz-
&#x4EE3;&#x8868;FireFox&#x6D4F;&#x89C8;&#x5668;&#x79C1;&#x6709;&#x5C5E;&#x6027;

-ms-
&#x4EE3;&#x8868;IE&#x6D4F;&#x89C8;&#x5668;&#x79C1;&#x6709;&#x5C5E;&#x6027;

-webkit-
&#x4EE3;&#x8868;safari&#x3001;chrome&#x6D4F;&#x89C8;&#x5668;&#x79C1;&#x6709;&#x5C5E;&#x6027;

-o-
&#x4EE3;&#x8868;opera&#x6D4F;&#x89C8;&#x5668;&#x79C1;&#x6709;&#x5C5E;&#x6027;

// &#x5BF9;&#x5B57;&#x4F53;&#x7684;&#x952F;&#x9F7F;&#x8FDB;&#x884C;&#x8C03;&#x6574; &#x3002;  inherit&#x3001;grayscale&#x3001;antialiased
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;

// &#x544A;&#x8BC9;&#x6E32;&#x67D3;&#x5F15;&#x64CE;&#x5DE5;&#x4F5C;&#x65F6;&#x5982;&#x4F55;&#x4F18;&#x5316;&#x663E;&#x793A;&#x6587;&#x672C; , 
auto | optimizeSpeed | optimizeLegibility | geometricPrecision | inherit
text-rendering: optimizeLegibility;
</code></pre>
<h1 id="&#x817E;&#x8BAF;&#x5C0F;&#x7A0B;&#x5E8F;"><a name="&#x817E;&#x8BAF;&#x5C0F;&#x7A0B;&#x5E8F;" class="anchor-navigation-ex-anchor" href="#&#x817E;&#x8BAF;&#x5C0F;&#x7A0B;&#x5E8F;"><i class="fa fa-link" aria-hidden="true"></i></a>4. &#x817E;&#x8BAF;&#x5C0F;&#x7A0B;&#x5E8F;</h1>
<p><a href="https://developers.weixin.qq.com/miniprogram/dev/index.html" target="_blank">&#x5C0F;&#x7A0B;&#x5E8F;&#x5B98;&#x65B9;&#x6587;&#x6863;</a> <br>
<a href="https://gitee.com/hnyer/AivinInfo_miniProgram" target="_blank">&#x6211;&#x7684;&#x5C0F;&#x7A0B;&#x5E8F;&#x5BA2;&#x6237;&#x7AEF;&#x793A;&#x8303;&#x4EE3;&#x7801;</a> <br>
<a href="https://gitee.com/hnyer/AivinInfo" target="_blank">&#x6211;&#x7684;&#x5C0F;&#x7A0B;&#x5E8F;&#x670D;&#x52A1;&#x5668;API&#x4EE3;&#x7801;</a> <br></p>
<h1 id="&#x5176;&#x4ED6;_2"><a name="&#x5176;&#x4ED6;_2" class="anchor-navigation-ex-anchor" href="#&#x5176;&#x4ED6;_2"><i class="fa fa-link" aria-hidden="true"></i></a>5. &#x5176;&#x4ED6;</h1>
<h2 id="css-&#x7981;&#x6B62;&#x590D;&#x5236;&#x3001;&#x7981;&#x6B62;&#x9009;&#x62E9;-&#x3001;&#x65E0;&#x6CD5;&#x590D;&#x5236;"><a name="css-&#x7981;&#x6B62;&#x590D;&#x5236;&#x3001;&#x7981;&#x6B62;&#x9009;&#x62E9;-&#x3001;&#x65E0;&#x6CD5;&#x590D;&#x5236;" class="anchor-navigation-ex-anchor" href="#css-&#x7981;&#x6B62;&#x590D;&#x5236;&#x3001;&#x7981;&#x6B62;&#x9009;&#x62E9;-&#x3001;&#x65E0;&#x6CD5;&#x590D;&#x5236;"><i class="fa fa-link" aria-hidden="true"></i></a>5.1. css &#x7981;&#x6B62;&#x590D;&#x5236;&#x3001;&#x7981;&#x6B62;&#x9009;&#x62E9; &#x3001;&#x65E0;&#x6CD5;&#x590D;&#x5236;</h2>
<pre><code class="lang-text">{
    -webkit-box-sizing:border-box;
    user-select:none  // &#x628A;&#x8FD9;&#x4E2A;&#x53BB;&#x6389;&#x5C31;&#x53EF;&#x4EE5;&#x9009;&#x4E2D;&#x5E76;&#x590D;&#x5236;&#x4E86;
}
</code></pre>
<footer class="page-footer"><span class="copyright">( no Copyright&#xFF0C;enjoy youself ! ) all right reserved&#xFF0C;powered by Gitbook</span><span class="footer-modification">The file was updated at :
2022-04-04 10:49:02
</span></footer>
                                
                                </section>
                            
    </div>
    <div class="search-results">
        <div class="has-results">
            
            <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
            <ul class="search-results-list"></ul>
            
        </div>
        <div class="no-results">
            
            <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
            
        </div>
    </div>
</div>

                        </div>
                    </div>
                
            </div>

            
                
                <a href="../server/服务器部分.html" class="navigation navigation-prev " aria-label="Previous page: 服务器部分">
                    <i class="fa fa-angle-left"></i>
                </a>
                
                
                <a href="../人工智能/人工智能相关概念.html" class="navigation navigation-next " aria-label="Next page: 人工智能">
                    <i class="fa fa-angle-right"></i>
                </a>
                
            
        
    </div>

    <script>
        var gitbook = gitbook || [];
        gitbook.push(function() {
            gitbook.page.hasChanged({"page":{"title":"web部分","level":"1.19","depth":1,"next":{"title":"人工智能","level":"1.20","depth":1,"path":"chinese/人工智能/人工智能相关概念.md","ref":"chinese/人工智能/人工智能相关概念.md","articles":[]},"previous":{"title":"服务器部分","level":"1.18","depth":1,"path":"chinese/server/服务器部分.md","ref":"chinese/server/服务器部分.md","articles":[]},"dir":"ltr"},"config":{"plugins":["-search","search-plus","todo","anchor-navigation-ex","copy-code-button","fontsettings","tbfed-pagefooter","local-video","splitter","expandable-chapters","favicon","theme-comscore","local-video"],"styles":{"website":"styles/website.css"},"pluginsConfig":{"tbfed-pagefooter":{"copyright":"( no Copyright，enjoy youself ! )","modify_label":"The file was updated at :","modify_format":"YYYY-MM-DD HH:mm:ss"},"todo":{},"splitter":{},"lunr":{"maxIndexSize":1000000,"ignoreSpecialCharacters":false},"fontsettings":{"family":"sans","size":2,"theme":"white"},"highlight":{},"anchor-navigation-ex":{"associatedWithSummary":true,"float":{"floatIcon":"fa fa-navicon","level1Icon":"","level2Icon":"","level3Icon":"","showLevelIcon":false},"mode":"float","multipleH1":true,"pageTop":{"level1Icon":"","level2Icon":"","level3Icon":"","showLevelIcon":false},"printLog":false,"showGoTop":true,"showLevel":true},"favicon":{"shortcut":"assets/images/favicon.ico","bookmark":"assets/images/favicon.ico"},"theme-comscore":{},"local-video":{},"copy-code-button":{},"sharing":{"facebook":true,"twitter":true,"google":false,"weibo":false,"instapaper":false,"vk":false,"all":["facebook","google","twitter","weibo","instapaper"]},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false},"expandable-chapters":{},"search-plus":{}},"theme":"default","author":"Aivin","pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"variables":{},"title":"Aivin开发笔记","language":"zh-hans","gitbook":"*","description":"Aivin开发笔记"},"file":{"path":"chinese/webDev/web部分.md","mtime":"2022-04-04T02:49:02.897Z","type":"markdown"},"gitbook":{"version":"3.2.3","time":"2022-04-04T03:47:09.782Z"},"basePath":"../..","book":{"language":""}});
        });
    </script>
</div>

        
    <script src="../../gitbook/gitbook.js"></script>
    <script src="../../gitbook/theme.js"></script>
    
        
        <script src="../../gitbook/gitbook-plugin-search-plus/jquery.mark.min.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-search-plus/search.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-copy-code-button/toggle.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-fontsettings/fontsettings.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-local-video/video.min.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-splitter/splitter.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-expandable-chapters/expandable-chapters.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-lunr/lunr.min.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-lunr/search-lunr.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-sharing/buttons.js"></script>
        
    
        
        <script src="../../gitbook/gitbook-plugin-theme-comscore/test.js"></script>
        
    

    </body>
</html>

